html:has(.design-room-page){overflow:hidden}html body.design-room-page{padding:0;height:100dvh;min-height:0;overflow:hidden;background:var(--color-porcelain)}.design-room{position:fixed;inset:0;color:var(--hero-ink)}.design-room-view,.design-room-view canvas{position:absolute;inset:0;width:100%;height:100%}.design-room-view canvas{display:block;touch-action:none;cursor:grab}.design-room-view canvas:active{cursor:grabbing}.design-room-framing{position:absolute;inset-block:var(--studio-top) calc(var(--studio-bottom) + var(--studio-control-height) * 2);inset-inline-start:calc(var(--hero-inset) + var(--studio-panel-width) + var(--studio-gap));inset-inline-end:var(--hero-inset);pointer-events:none}.studio-fallback{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:var(--studio-gap);text-align:center;font-size:var(--type-caption)}.studio-fallback img{max-width:100%;max-height:70%;object-fit:contain}.design-room-view-tools{position:absolute;inset-block-end:var(--studio-bottom);inset-inline-start:calc(var(--hero-inset) + var(--studio-panel-width) + var(--studio-gap));inset-inline-end:var(--hero-inset);display:grid;justify-items:center;gap:var(--material-compact-gap);pointer-events:none}.design-room-view-controls{display:flex;direction:ltr;align-items:center;padding:var(--material-compact-gap);border:1px solid var(--ui-rule);border-radius:var(--navigation-radius);background:var(--color-porcelain);box-shadow:var(--studio-panel-shadow);pointer-events:auto}.design-room button{cursor:pointer;color:var(--hero-ink);font:inherit;font-size:var(--type-caption);font-weight:var(--w-medium);background:transparent;border:1px solid transparent;border-radius:var(--navigation-radius)}.design-room button:disabled{opacity:.4;cursor:default}.design-room button:focus-visible,.design-room a:focus-visible,.design-room :is(input,select,textarea):focus-visible{outline:2px solid var(--hero-ink);outline-offset:3px}.design-room-view-controls button{min-width:var(--studio-control-height);min-height:var(--studio-control-height);padding:var(--material-compact-space) var(--studio-mobile-gap)}.design-room-view-controls button[aria-pressed=true]{background:var(--hero-ink);color:var(--color-white)}.studio-view-hint{margin:0;font-size:var(--type-caption);color:var(--hero-muted);text-align:center}.design-room-panel{position:absolute;inset-block:var(--studio-top) var(--studio-bottom);inset-inline-start:var(--hero-inset);width:var(--studio-panel-width);padding:var(--studio-panel-padding);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--studio-gap);background:color-mix(in srgb,var(--color-porcelain) 96%,transparent);border:1px solid var(--ui-rule);border-radius:var(--studio-panel-radius);box-shadow:var(--studio-panel-shadow)}.design-room-heading h1{font-family:var(--font-body);font-size:var(--studio-title-size);font-weight:var(--w-display);line-height:var(--leading-heading);margin:0 0 var(--material-compact-space)}.design-room-heading p{margin:0;color:var(--hero-muted);font-size:var(--type-caption)}.design-room-heading .studio-eyebrow{font-family:var(--font-ui);letter-spacing:var(--track-label);font-size:var(--type-micro);margin-block-end:var(--studio-mobile-gap);text-align:start}.studio-step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--material-compact-gap);gap:var(--material-compact-gap);border-radius:var(--navigation-radius);background:var(--color-paper)}.studio-step-nav button{display:flex;align-items:center;justify-content:center;gap:var(--material-compact-space);min-height:var(--studio-control-height);padding:0}.studio-step-nav bdi{font-size:var(--type-micro);opacity:.6}.studio-step-nav button[aria-pressed=true]{background:var(--hero-ink);color:var(--color-white)}.studio-step-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-rule) transparent}.studio-options{display:grid;align-content:start;gap:var(--studio-mobile-gap)}.studio-options fieldset{border:0;margin:0;padding:0;min-width:0}.studio-options legend{width:100%;margin-block-end:var(--studio-mobile-gap);padding:0;font-size:var(--type-caption)}.studio-options legend>span{float:left;color:var(--hero-muted)}.studio-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--material-compact-gap)}.studio-colors .studio-color{display:grid;justify-items:center;gap:var(--material-compact-space);padding:var(--material-compact-gap) 0;font-size:var(--type-micro);border-radius:0}.studio-swatch{display:grid;place-items:center;width:var(--studio-swatch);height:var(--studio-swatch);border-radius:50%;border:1px solid var(--ui-rule);font-size:var(--type-subheading)}.studio-color[aria-pressed=true] .studio-swatch{outline:2px solid var(--hero-ink);outline-offset:3px}.studio-swatch-custom{background:var(--color-paper)}.studio-swatch-custom svg{display:block;width:var(--type-control);height:var(--type-control)}.studio-help{font-size:var(--type-micro);color:var(--hero-muted);line-height:var(--leading-body);margin:0}.studio-color-feedback[data-preview=unavailable]{color:var(--hero-ink)}.studio-color-preview{display:inline-block;vertical-align:middle;width:var(--type-label);height:var(--type-label);margin-inline-end:var(--material-compact-gap);border:1px solid var(--ui-rule);border-radius:50%}.studio-finish{display:flex;align-items:center}.studio-finish legend{margin-block-end:var(--material-compact-gap)}.studio-segments{display:grid;grid-template-columns:1fr 1fr;gap:var(--material-compact-space)}.studio-segments button{min-height:var(--studio-control-height);border-color:var(--ui-rule)}.studio-segments button[aria-pressed=true],.studio-metals button[aria-pressed=true]{border-color:var(--hero-ink);background:var(--color-paper)}.studio-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--studio-mobile-gap)}.studio-custom{display:grid;gap:var(--material-compact-gap)}.studio-field-pair label,.studio-select-label{display:grid;gap:var(--material-compact-gap);font-size:var(--type-caption)}.studio-options :is(input,select,textarea){min-width:0;width:100%;min-height:var(--studio-control-height);padding:var(--material-compact-space) var(--studio-mobile-gap);border:1px solid var(--ui-rule);border-radius:var(--studio-mobile-gap);background:var(--color-porcelain);color:var(--hero-ink);font:inherit;font-size:var(--type-caption)}.studio-options textarea{resize:none}.studio-select-field{display:grid;min-width:0;gap:var(--material-compact-gap);font-size:var(--type-caption)}.studio-combobox{position:relative;min-width:0}.design-room .studio-combobox :is(input,.studio-select-trigger){width:100%;min-height:var(--studio-control-height);padding:var(--material-compact-space) var(--studio-mobile-gap);padding-inline-end:var(--studio-control-height);border:1px solid var(--ui-rule);border-radius:var(--studio-mobile-gap);background:var(--color-porcelain);color:var(--hero-ink);font:inherit;text-align:start}.design-room .studio-combobox input[dir=ltr]{padding-inline:var(--studio-control-height) var(--studio-mobile-gap)}.studio-select-trigger>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.design-room .studio-combobox[data-open=true] :is(input,.studio-select-trigger){border-color:var(--hero-ink)}.design-room .studio-select-arrow{position:absolute;inset-inline-end:0;inset-block:0;width:var(--studio-control-height);min-height:var(--studio-control-height);display:grid;place-items:center;padding:0;border:0;background:transparent;border-radius:var(--studio-mobile-gap)}.studio-select-arrow svg{width:var(--type-control);height:var(--type-control);stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.studio-combobox[data-open=true] .studio-select-arrow svg{transform:rotate(180deg)}.studio-dropdown-menu{position:fixed;z-index:20;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-rule) transparent;margin:0;padding:var(--material-compact-gap);border:1px solid var(--ui-rule);border-radius:var(--studio-mobile-gap);background:var(--color-porcelain);color:var(--hero-ink);box-shadow:var(--studio-panel-shadow);font-family:var(--font-body);font-size:var(--type-caption);font-weight:var(--w-medium);line-height:var(--leading-label);letter-spacing:var(--track-body);color-scheme:light}.studio-dropdown-option{min-height:var(--film-action-mobile-height);display:flex;align-items:center;justify-content:space-between;gap:var(--material-compact-space);padding:var(--material-compact-space) var(--studio-mobile-gap);border-radius:var(--material-compact-space);cursor:pointer}.studio-dropdown-option>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-dropdown-option[data-active=true]{background:var(--color-paper)}.studio-dropdown-option[aria-selected=true]{background:var(--hero-ink);color:var(--color-white)}.studio-inline-field{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--material-compact-space);font-size:var(--type-caption)}.studio-metals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--material-compact-space)}.studio-metals button{display:flex;align-items:center;gap:var(--material-compact-space);min-height:var(--studio-control-height);padding:var(--material-compact-gap) var(--studio-mobile-gap);border-color:var(--ui-rule)}.studio-metal-swatch{width:var(--material-icon-size);height:var(--material-icon-size);border-radius:50%;border:1px solid var(--ui-rule);flex:none}.studio-metal-label{display:grid;min-inline-size:0;text-align:start}.studio-metal-label bdi{font-size:var(--type-micro);color:var(--hero-muted)}.studio-material-heading{display:flex;justify-content:space-between;gap:var(--material-compact-space);font-size:var(--type-caption)}.studio-material-heading>span:last-child{color:var(--hero-muted);font-size:var(--type-micro)}.studio-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--studio-mobile-gap)}.studio-materials .studio-material{min-width:0;display:grid;gap:var(--material-compact-gap);padding:var(--material-compact-gap);border-radius:var(--studio-mobile-gap);font-size:var(--type-micro)}.studio-material[aria-pressed=true]{border-color:var(--hero-ink)}.studio-material-sample{height:var(--studio-material-height);border-radius:var(--material-compact-gap);background-size:cover;background-position:center;border:1px solid var(--ui-rule)}.studio-materials.studio-material-groups{grid-template-columns:repeat(var(--studio-material-columns),minmax(0,1fr));gap:var(--material-compact-gap)}.studio-material-groups .studio-material-sample{display:block;inline-size:100%;block-size:auto;aspect-ratio:1;object-fit:cover}.studio-material-groups .studio-material[aria-expanded=true]{border-color:var(--hero-ink)}.studio-material-finishes{display:flex;flex-wrap:wrap;gap:var(--material-compact-space)}.studio-material-finishes button{min-block-size:var(--studio-control-height);padding:var(--material-compact-space) var(--studio-mobile-gap);border-color:var(--ui-rule)}.studio-material-finishes button[aria-pressed=true]{background:var(--hero-ink);color:var(--color-white)}.studio-material-request{display:grid;gap:var(--material-compact-space)}.studio-material-request a{color:inherit;text-underline-offset:var(--material-compact-gap)}.design-room .studio-material-other{justify-self:start;min-block-size:var(--studio-control-height);padding-inline:var(--material-compact-space);text-decoration:underline;text-underline-offset:var(--material-compact-gap)}.studio-pagination{display:flex;align-items:center;justify-content:center;gap:var(--studio-mobile-gap);font-size:var(--type-micro)}.studio-pagination button{min-height:var(--studio-control-height);min-width:var(--studio-control-height);border-color:var(--ui-rule)}.studio-handoff{display:grid;gap:var(--material-compact-space);padding-block-start:var(--studio-mobile-gap);border-block-start:1px solid var(--ui-rule)}.studio-selection{display:grid;gap:var(--material-compact-gap);font-size:var(--type-caption);line-height:var(--leading-label)}.studio-selection>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-selection>span+span{font-size:var(--type-micro);color:var(--hero-muted)}.studio-whatsapp{display:flex;align-items:center;justify-content:space-between;gap:var(--studio-mobile-gap);min-height:var(--film-action-height);padding:var(--studio-mobile-gap) var(--material-icon-gap);border-radius:var(--navigation-radius);color:var(--color-white);background:var(--whatsapp-green);font-size:var(--type-caption);text-decoration:none;transition:background var(--ui-motion)}.studio-whatsapp svg{width:var(--material-icon-size);height:var(--material-icon-size);flex:none}.studio-whatsapp:hover{background:var(--whatsapp-hover)}.studio-cta-note,.design-room-note{margin:0;text-align:center;font-size:var(--type-micro);line-height:var(--leading-body);color:var(--hero-muted)}.studio-nojs{position:fixed;inset-inline:var(--hero-inset);inset-block-end:var(--studio-bottom);z-index:9;background:var(--color-porcelain);padding:var(--studio-mobile-gap);font-size:var(--type-caption)}@media(max-height:800px)and (min-width:768px){.design-room-panel{--studio-gap: var(--studio-mobile-gap)}.design-room-heading .studio-eyebrow,.design-room-heading>p:last-child,.studio-cta-note{display:none}.design-room-heading h1{font-size:var(--type-subheading);margin:0}.studio-material-sample{height:var(--studio-swatch)}}@media(max-width:1023px)and (orientation:portrait){.design-room{--studio-gap: var(--studio-mobile-gap);--studio-panel-padding: var(--studio-mobile-gap);--studio-control-height: var(--studio-mobile-control);--studio-material-height: var(--studio-mobile-material)}.design-room:has(.studio-custom){--studio-mobile-panel: var(--studio-custom-panel)}.design-room-panel{inset-inline:var(--studio-mobile-gap);inset-block-start:auto;inset-block-end:max(var(--studio-mobile-gap),env(safe-area-inset-bottom));width:auto;height:var(--studio-mobile-panel);grid-template-rows:auto minmax(0,1fr) auto;gap:var(--material-compact-space)}.design-room-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.design-room-framing{inset-inline:var(--studio-mobile-gap);inset-block-start:var(--studio-mobile-top);inset-block-end:calc(var(--studio-mobile-panel) + var(--studio-control-height) + var(--studio-gap) * 3 + env(safe-area-inset-bottom))}.design-room-view-tools{inset-inline:var(--studio-mobile-gap);inset-block-end:calc(var(--studio-mobile-panel) + var(--studio-gap) * 2 + env(safe-area-inset-bottom))}.design-room-view-controls{padding:0}.design-room-view-controls button{font-size:var(--type-micro);padding-inline:var(--material-compact-space)}.studio-view-hint,.studio-cta-note,.studio-selection>span+span{display:none}.studio-step-nav{padding:0}.studio-options{gap:var(--material-compact-space)}.studio-options legend{margin-block-end:var(--material-compact-gap)}.studio-colors .studio-color{gap:var(--material-compact-gap)}.studio-finish legend{display:none}.studio-metals{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--material-compact-gap)}.studio-metals button{font-size:var(--type-micro);padding-inline:var(--material-compact-gap)}.studio-metal-swatch{width:var(--type-label);height:var(--type-label)}.studio-handoff{gap:var(--material-compact-gap);padding-block-start:var(--material-compact-space)}.studio-selection{font-size:var(--type-micro)}.studio-whatsapp{min-height:var(--film-action-mobile-height);padding-block:var(--material-compact-space)}.studio-materials{gap:var(--material-compact-gap)}.studio-pagination{gap:var(--material-compact-space)}.studio-pagination button{min-height:var(--film-action-mobile-height)}}@media(max-height:600px)and (orientation:landscape){.design-room{--studio-top: var(--studio-landscape-top);--studio-bottom: var(--studio-mobile-gap);--studio-panel-width: var(--studio-landscape-panel);--studio-panel-padding: var(--studio-mobile-gap);--studio-gap: var(--material-compact-space);--studio-control-height: var(--studio-landscape-control);--studio-material-height: var(--material-icon-size)}.design-room-heading,.studio-view-hint,.studio-cta-note,.studio-selection,.design-room-note{display:none}.design-room-panel{grid-template-rows:auto minmax(0,1fr) auto}.studio-options{gap:var(--material-compact-gap)}.studio-options legend{margin-block-end:var(--material-compact-gap)}.studio-metals,.studio-materials{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-material-heading{display:none}}@media(max-height:720px)and (orientation:portrait){.design-room,.design-room:has(.studio-custom){--studio-mobile-panel: var(--studio-short-panel)}}@media(prefers-reduced-motion:reduce){.studio-whatsapp{transition:none}}.design-room-note[data-error=true]{display:block;color:var(--hero-ink)}.studio-loader{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:var(--color-porcelain);color:var(--hero-ink);clip-path:inset(0 0 0 0);transition:clip-path var(--studio-loader-wipe) var(--ease-out-expo)}.studio-loader[data-phase=wiping]{clip-path:inset(0 0 100% 0)}.studio-loader-mark{display:grid;justify-items:center;gap:var(--studio-loader-gap)}.studio-loader-word{margin:0;font-family:var(--font-brand);font-weight:var(--w-brand);font-synthesis:none;font-size:var(--studio-loader-mark);line-height:var(--leading-logo);letter-spacing:var(--track-body)}.studio-loader-word span{opacity:.12;transition:opacity var(--studio-loader-syllable) var(--ease-out-expo)}.studio-loader-word span[data-lit=true]{opacity:1}.studio-loader-rule{position:relative;display:block;width:var(--studio-loader-rule);height:1px;overflow:hidden;background:var(--ui-rule)}.studio-loader-rule:after{content:"";position:absolute;inset:0;background:var(--hero-ink);transform:scaleX(var(--studio-loader-progress));transform-origin:left;transition:transform var(--studio-loader-syllable) var(--ease-out-expo)}.studio-loader-slogan{margin:0;font-family:var(--font-body);font-weight:var(--w-body);font-size:var(--studio-loader-slogan-size);letter-spacing:var(--track-body);color:var(--hero-muted);opacity:0;transition:opacity var(--studio-loader-slogan) var(--ease-out-expo) var(--studio-loader-syllable)}.studio-loader:is([data-phase=complete],[data-phase=wiping]) .studio-loader-slogan{opacity:1}@media(prefers-reduced-motion:reduce){.studio-loader{clip-path:none;transition:opacity var(--studio-loader-wipe) linear}.studio-loader[data-phase=wiping]{clip-path:none;opacity:0}.studio-loader-word span,.studio-loader-rule:after,.studio-loader-slogan{transition:none}}