:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-navy-950:#111c2d;--color-navy-900:#17253a;--color-navy-700:#334a69;--color-red-700:#a42d2f;--color-red-600:#bd3837;--color-red-100:#f7dddd;--color-canvas:#f7f6f2;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-muted:#efede7;--color-text:#172137;--color-text-muted:#596371;--color-text-inverse:#fffdf8;--color-border:#dfdcd4;--color-border-strong:#a9a59c;--color-focus:#2469ac;--shadow-panel:0 12px 32px #18213112;--shadow-nav:0 -6px 22px #1821311a;--radius-panel:14px;--radius-control:10px;--radius-small:7px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--z-header:30;--z-mobile-nav:40;--z-dialog:60}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-navy-950:#eef4ff;--color-navy-900:#dbe8fa;--color-navy-700:#aebfd6;--color-red-700:#ff8982;--color-red-600:#bd3837;--color-red-100:#4a2428;--color-canvas:#0e1622;--color-surface:#151f2d;--color-surface-raised:#1d2939;--color-surface-muted:#273548;--color-text:#f5f1e9;--color-text-muted:#b6c0cd;--color-text-inverse:#101827;--color-border:#344256;--color-border-strong:#66758a;--color-focus:#8fc5ff;--shadow-panel:0 24px 60px #00000052;--shadow-nav:0 -8px 28px #00000059}*,:before,:after{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px;min-height:100%;color:var(--color-text);text-rendering:optimizelegibility;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;overflow-x:hidden}body{background:var(--color-canvas);min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-red-100)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100dvh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-main{min-height:calc(100dvh - 72px)}.page-container{width:min(100% - 2rem,86rem);margin-inline:auto}.skip-link{z-index:100;border-radius:var(--radius-control);background:var(--color-navy-900);color:var(--color-text-inverse);padding:.65rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.desktop-header{z-index:var(--z-header);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:72px;position:sticky;top:0}.desktop-header__inner{grid-template-columns:minmax(11rem,1fr) auto minmax(11rem,1fr);align-items:center;width:min(100% - 2rem,86rem);height:100%;margin-inline:auto;display:grid}.brand-link{width:max-content;color:var(--color-navy-900);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:.7rem;font-size:1.02rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-link img{border:1px solid var(--color-border);object-fit:cover;border-radius:50%;width:42px;height:42px}.desktop-nav{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.desktop-nav__link{border-radius:var(--radius-control);color:var(--color-text-muted);padding:.65rem .9rem;font-size:.92rem;font-weight:650;text-decoration:none;position:relative}.desktop-nav__link:hover,.desktop-nav__link.is-active{background:var(--color-surface-muted);color:var(--color-text)}.desktop-header .icon-button{justify-self:end}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:42px;height:42px;color:var(--color-text);cursor:pointer;place-items:center;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.mobile-nav{display:none}.home-page{padding-block:clamp(2rem,5vw,5.5rem) 5rem}.home-intro{grid-template-columns:minmax(0,.83fr) minmax(28rem,1.17fr);align-items:center;gap:clamp(2rem,6vw,6.5rem);min-height:min(44rem,100dvh - 9rem);display:grid}.home-intro__copy{z-index:1;padding-left:clamp(0rem,4vw,4rem);position:relative}.eyebrow{color:var(--color-red-700);letter-spacing:.11em;margin:0 0 1rem;font-size:.84rem;font-weight:800}.home-intro h1{max-width:11ch;color:var(--color-navy-900);letter-spacing:-.065em;margin:0;font-size:clamp(3.4rem,5vw,5.2rem);font-weight:850;line-height:.98}.home-intro__lead{max-width:30rem;color:var(--color-text-muted);margin:1.6rem 0 2rem;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.75}.home-intro__actions{flex-wrap:wrap;gap:.65rem;display:flex}.button{border-radius:var(--radius-control);white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.7rem 1rem;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-red-600);color:var(--color-text-inverse)}.button--outline{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-navy-900)}.button--outline:hover{border-color:var(--color-navy-700)}.room-preview{aspect-ratio:1.08;border:1px solid var(--color-border);border-radius:var(--radius-panel);min-height:30rem;box-shadow:var(--shadow-panel);isolation:isolate;background:#d8cfc0;margin:0;position:relative;overflow:hidden}.room-preview__wall{position:absolute;top:0;bottom:28%}.room-preview__wall--left{clip-path:polygon(0 0,100% 13%,100% 100%,0 90%);background:#c7a982;width:43%;left:0}.room-preview__wall--right{clip-path:polygon(0 13%,100% 0,100% 90%,0 100%);background:#2f4664;width:60%;right:0}.room-preview__ceiling{clip-path:polygon(0 0,100% 0,100% 34%,43% 100%,0 34%);background:#ede8dd;height:19%;position:absolute;inset:0 0 auto}.room-preview__floor{clip-path:polygon(0 22%,100% 0,100% 100%,0 100%);background:#aa8a68;height:34%;position:absolute;inset:auto 0 0}.room-preview__window{background:#a7bac6;border:7px solid #f0e9db;width:25%;height:36%;position:absolute;top:20%;right:12%;box-shadow:inset 0 0 0 1px #17253a59}.room-preview__window:before,.room-preview__window:after{content:"";background:#f0e9db;position:absolute}.room-preview__window:before{height:5px;top:50%;left:0;right:0}.room-preview__window:after{width:5px;top:0;bottom:0;left:50%}.room-preview__sofa{background:#e6dfd0;border-radius:16px 16px 8px 8px;height:25%;position:absolute;bottom:19%;left:19%;right:18%;box-shadow:0 18px 22px #2a1f182e}.room-preview__sofa:before{content:"";background:#d8cdbb;border-radius:10px;height:40%;position:absolute;bottom:0;left:-5%;right:-5%}.room-preview__sofa span{z-index:1;aspect-ratio:1.3;background:#b84b43;border-radius:8px;width:30%;position:absolute;top:16%}.room-preview__sofa span:first-child{left:14%}.room-preview__sofa span:last-child{background:#c6a76f;right:14%}.room-preview figcaption{z-index:2;border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent);max-width:22rem;color:var(--color-text);gap:.2rem;padding:.85rem 1rem;display:grid;position:absolute;bottom:1.1rem;right:1.1rem;box-shadow:0 10px 30px #10182729}.room-preview figcaption span{color:var(--color-text-muted);font-size:.82rem}.task-index{grid-template-columns:minmax(14rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,6vw,7rem);padding:clamp(4rem,8vw,8rem) clamp(0rem,4vw,4rem) 1rem;display:grid}.task-index__heading h2{max-width:8ch;color:var(--color-navy-900);letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,4vw,4.4rem);line-height:1.05}.task-index__heading p{max-width:18rem;color:var(--color-text-muted);line-height:1.7}.task-links{gap:.75rem;display:grid}.task-link{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:6.2rem;padding:1.25rem 1.4rem;text-decoration:none;transition:transform .18s,border-color .18s;display:grid}.task-link:hover{border-color:var(--color-border-strong);transform:translate(5px)}.task-link--catalog{background:var(--color-navy-900);min-height:8rem;color:var(--color-text-inverse);margin-right:clamp(0rem,6vw,6rem)}.task-link--room{margin-left:clamp(1rem,9vw,9rem)}.task-link--photo{margin-right:clamp(2rem,12vw,12rem)}.task-link span{gap:.35rem;display:grid}.task-link strong{font-size:1.08rem}.task-link small{color:var(--color-text-muted);font-size:.86rem}.task-link--catalog small{color:color-mix(in srgb, var(--color-text-inverse) 72%, transparent)}.route-intro,.not-found{align-content:center;min-height:calc(100dvh - 72px);padding-block:4rem 7rem;display:grid}.route-intro h1,.not-found h1,.state-panel h1{max-width:14ch;color:var(--color-navy-900);letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,7vw,6.4rem);line-height:1}.route-intro>p:not(.eyebrow),.not-found>p:not(.not-found__code){max-width:38rem;color:var(--color-text-muted);font-size:1.08rem;line-height:1.75}.text-link,.not-found nav a{width:max-content;color:var(--color-red-700);text-underline-offset:.25em;font-weight:750}.not-found__code{color:var(--color-red-700);letter-spacing:.14em;margin:0 0 .75rem;font-size:1rem;font-weight:850}.not-found nav{flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1rem;display:flex}.state-panel{align-content:center;width:min(100% - 2rem,70rem);min-height:20rem;margin-inline:auto;display:grid}.state-panel p{max-width:34rem;color:var(--color-text-muted)}.state-panel .button{width:max-content}.skeleton{border-radius:var(--radius-small);background:var(--color-surface-muted);overflow:hidden}.skeleton--title{width:min(70%,30rem);height:3.5rem}.skeleton--line{width:min(48%,22rem);height:1.1rem;margin-top:1rem}@media (width<=900px){.desktop-header{display:none}.app-main{min-height:100dvh;padding-bottom:78px}.mobile-nav{right:.75rem;bottom:max(.75rem, env(safe-area-inset-bottom));z-index:var(--z-mobile-nav);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);min-height:62px;box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(5,1fr);padding:.35rem;display:grid;position:fixed;left:.75rem}.mobile-nav__link{border-radius:var(--radius-control);color:var(--color-text-muted);place-items:center;gap:.18rem;font-size:.69rem;font-weight:700;text-decoration:none;display:grid}.mobile-nav__link.is-active{background:var(--color-surface-muted);color:var(--color-red-700)}.home-intro{grid-template-columns:1fr;min-height:auto}.home-intro__copy{padding-left:0}.home-intro h1{max-width:9ch}.room-preview{min-height:23rem}.task-index{grid-template-columns:1fr;padding-inline:0}.task-index__heading h2{max-width:none}.task-link--catalog,.task-link--room,.task-link--photo{min-height:6.5rem;margin-inline:0}.route-intro,.not-found{min-height:calc(100dvh - 78px)}}@media (width<=520px){.page-container{width:min(100% - 1.5rem,86rem)}.home-page{padding-top:2rem}.home-intro h1{font-size:clamp(3.2rem,16vw,4.8rem)}.room-preview{min-height:19rem}.room-preview figcaption{bottom:.75rem;left:.75rem;right:.75rem}.task-link{gap:.75rem;padding-inline:1rem}.task-link small{display:none}}.colors-page{padding-block:clamp(2.5rem,6vw,5rem) 12rem}.colors-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,30rem);align-items:end;gap:2rem;display:grid}.colors-heading h1{max-width:11ch;color:var(--color-navy-900);letter-spacing:-.06em;margin:0;font-size:clamp(3rem,6vw,6.4rem);line-height:.98}.colors-heading>p{color:var(--color-text-muted);margin:0 0 .75rem;line-height:1.75}.color-search{border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:var(--color-surface-raised);grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;width:min(100%,64rem);min-height:64px;margin:2.5rem 0 3rem;padding:.5rem .6rem .5rem 1.1rem;display:grid;box-shadow:0 12px 34px #17213714}.color-search:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 20%, transparent)}.color-search input{min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;font-size:1rem}.color-search input::placeholder{color:var(--color-text-muted)}.color-search__clear{border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.color-search__clear:hover{background:var(--color-surface-muted)}.colors-layout{grid-template-columns:16rem minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}.facet-panel{scrollbar-width:thin;max-height:calc(100dvh - 120px);position:sticky;top:96px;overflow:auto}.facet-panel summary{display:none}.facet-panel__content{gap:1.75rem;display:grid}.facet-panel__title{justify-content:space-between;align-items:center;display:flex}.facet-panel__title h2,.color-results__heading h2{color:var(--color-navy-900);margin:0;font-size:1.2rem}.facet-panel__title button,.inline-error button,.compare-tray__header button{color:var(--color-red-700);cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:750}.facet-group{border:0;padding:0}.facet-group legend{color:var(--color-text);margin-bottom:.65rem;font-size:.9rem;font-weight:800}.facet-list{scrollbar-width:thin;gap:.35rem;max-height:13rem;padding-right:.35rem;display:grid;overflow:auto}.facet-list label{min-height:34px;color:var(--color-text-muted);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;font-size:.84rem;display:grid}.facet-list input{width:17px;height:17px;accent-color:var(--color-red-600);margin:0}.facet-list small{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.color-results{min-width:0}.color-results__heading{justify-content:space-between;align-items:center;min-height:2rem;margin-bottom:1rem;display:flex}.color-results__heading span{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.9rem}.color-grid{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:1rem;display:grid}.color-card{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface-raised);transition:border-color .18s,transform .18s;overflow:hidden}.color-card:hover,.color-card.is-selected{border-color:var(--color-border-strong);transform:translateY(-3px)}.color-card.is-selected{box-shadow:inset 0 0 0 2px var(--color-red-600)}.color-card__swatch{aspect-ratio:1.52;background:var(--swatch-color);cursor:pointer;border:0;border-bottom:1px solid #1118271a;border-radius:0;width:100%;padding:0;display:block;position:relative}.color-card__swatch span{border-radius:var(--radius-small);color:#182130;font-variant-numeric:tabular-nums;background:#ffffffe0;padding:.24rem .38rem;font-size:.7rem;font-weight:750;position:absolute;bottom:.55rem;right:.6rem}.color-card__body{padding:1rem}.color-card__brand{color:var(--color-red-700);margin:0 0 .3rem;font-size:.72rem;font-weight:800}.color-card h3{min-height:2.8rem;color:var(--color-text);margin:0;font-size:1rem;line-height:1.4}.color-card__code{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin:.25rem 0 .9rem;font-size:.78rem}.color-card__actions{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.color-card__actions button,.compare-tray__actions button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:36px;color:var(--color-text);cursor:pointer;place-items:center;padding:0;display:grid}.color-card__actions button:hover,.color-card__actions button[aria-pressed=true],.compare-tray__actions button:hover{border-color:var(--color-red-600);color:var(--color-red-700)}.color-card--skeleton .color-card__swatch{cursor:default;border:0}.color-card--skeleton .skeleton--line{width:38%;height:.7rem;margin:0 0 .7rem}.color-card--skeleton .skeleton--title{width:72%;height:1.1rem}.inline-error{border:1px solid var(--color-red-600);border-radius:var(--radius-control);background:var(--color-red-100);color:var(--color-text);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.86rem;display:flex}.load-more{border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:min(100%,22rem);color:var(--color-text);margin:2rem auto 0}.load-more:hover{border-color:var(--color-red-600)}.compare-tray{z-index:35;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--color-surface-raised) 96%, transparent);width:min(100% - 2rem,72rem);max-height:14rem;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-inline:auto;padding:.85rem 1rem 1rem;position:fixed;bottom:1rem;left:1rem;right:1rem;overflow:auto}.compare-tray__header,.compare-tray__header>div{align-items:center;display:flex}.compare-tray__header{justify-content:space-between;margin-bottom:.65rem}.compare-tray__header>div{gap:.6rem}.compare-tray__header span{color:var(--color-text-muted);font-size:.76rem}.compare-tray>p{color:var(--color-red-700);margin:0 0 .5rem;font-size:.78rem}.compare-tray__colors{grid-template-columns:repeat(6,minmax(8rem,1fr));gap:.65rem;display:grid}.compare-tray__colors article{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.compare-tray__swatch{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--swatch-color);width:32px;height:52px}.compare-tray__colors article>div:nth-child(2){min-width:0;display:grid}.compare-tray__colors strong,.compare-tray__colors span{text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.compare-tray__colors span{color:var(--color-text-muted)}.compare-tray__actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.compare-tray__actions button{min-height:28px}.compare-tray__loading{color:var(--color-text-muted);font-size:.8rem}.dialog-overlay{z-index:calc(var(--z-dialog) - 1);background:#080e18ad;animation:.15s fade-in;position:fixed;inset:0}.nearby-dialog{z-index:var(--z-dialog);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface-raised);width:min(100% - 2rem,54rem);max-height:min(82dvh,48rem);color:var(--color-text);box-shadow:var(--shadow-panel);padding:1.25rem;animation:.18s dialog-in;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.nearby-dialog__header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.25rem;display:flex}.nearby-dialog h2{color:var(--color-navy-900);margin:0;font-size:1.6rem}.nearby-dialog [data-radix-dialog-description]{color:var(--color-text-muted);margin-top:.35rem}.nearby-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem;display:grid}.nearby-color{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-width:0;color:var(--color-text);text-align:left;cursor:pointer;gap:.5rem;padding:.6rem;display:grid}.nearby-color:hover{border-color:var(--color-red-600)}.nearby-color>span{aspect-ratio:1.6;border-radius:var(--radius-small);border:1px solid #1118271f;width:100%}.nearby-color strong,.nearby-color small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nearby-color small{color:var(--color-text-muted)}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-48%)}}@media (width<=900px){.colors-page{padding-block:2rem 12rem}.colors-heading{grid-template-columns:1fr;gap:1rem}.colors-heading h1{font-size:clamp(3.2rem,14vw,5.4rem)}.color-search{grid-template-columns:auto 1fr auto;margin-block:2rem 1.25rem}.color-search .button{grid-column:1/-1}.colors-layout{grid-template-columns:1fr;gap:1.25rem}.facet-panel{max-height:none;position:static;overflow:visible}.facet-panel summary{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);cursor:pointer;align-items:center;gap:.55rem;padding:.85rem 1rem;font-weight:750;display:flex}.facet-panel__content{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);margin-top:.65rem;padding:1rem}.compare-tray{max-height:13rem;bottom:82px}.compare-tray__colors{display:flex;overflow-x:auto}.compare-tray__colors article{flex:0 0 9rem}}@media (width<=520px){.colors-heading h1{font-size:3.4rem}.color-search{gap:.45rem;padding:.5rem}.color-search>svg{display:none}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.color-card__body{padding:.75rem}.color-card h3{min-height:2.5rem;font-size:.9rem}.color-card__actions button{min-height:34px}.nearby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.color-picker-drawer{z-index:var(--z-dialog);border-left:1px solid var(--color-border);background:var(--color-surface-raised);width:min(44rem,100% - 3rem);color:var(--color-text);padding:1.25rem clamp(1rem,3vw,2rem) 2rem;animation:.22s drawer-in;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #080e1838}.color-picker-drawer__header{z-index:2;background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:flex-start;gap:1rem;margin:-1.25rem 0 1rem;padding-block:1.25rem 1rem;display:flex;position:sticky;top:-1.25rem}.color-picker-drawer__header h2{color:var(--color-navy-900);letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,4vw,2.1rem)}.color-picker-drawer__header p{color:var(--color-text-muted);margin:.3rem 0 0;font-size:.86rem}.picker-search{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:auto 1fr;align-items:center;gap:.65rem;min-height:50px;padding-inline:.9rem;display:grid}.picker-search:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 18%, transparent)}.picker-search input{min-width:0;height:48px;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0}.picker-filters{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);margin-block:.8rem 1.25rem}.picker-filters summary{cursor:pointer;min-height:46px;padding:.75rem .9rem;font-size:.88rem;font-weight:800}.picker-filters__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 .9rem 1rem;display:grid}.picker-filters__body>button{color:var(--color-red-700);cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:0;font-weight:750}.picker-filter-group{border:0;min-width:0;padding:0}.picker-filter-group legend{margin-bottom:.45rem;font-size:.82rem;font-weight:800}.picker-filter-group>div{gap:.25rem;max-height:10rem;display:grid;overflow:auto}.picker-filter-group label{min-height:36px;color:var(--color-text-muted);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;font-size:.78rem;display:grid}.picker-filter-group input{width:17px;height:17px;accent-color:var(--color-red-600)}.picker-recommendations{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.picker-recommendations h3,.picker-catalog__heading h3{color:var(--color-navy-900);margin:0;font-size:1rem}.picker-recommendations h3{margin-bottom:.75rem}.picker-catalog__heading{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.picker-catalog__heading span,.picker-empty,.picker-catalog>[role=status]{color:var(--color-text-muted);font-size:.82rem}.picker-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.picker-results article{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;padding:.55rem;display:grid}.picker-results article.is-selected{border-color:var(--color-red-600);box-shadow:inset 0 0 0 1px var(--color-red-600)}.picker-results__swatch{border-radius:var(--radius-small);background:var(--swatch-color);border:1px solid #1118271f;width:46px;height:62px}.picker-results article>div{min-width:0;display:grid}.picker-results strong,.picker-results article>div span,.picker-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-results strong{color:var(--color-text);font-size:.82rem}.picker-results small,.picker-results article>div span{color:var(--color-text-muted);font-size:.68rem}.picker-results article>button{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-raised);min-width:54px;min-height:40px;color:var(--color-text);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.25rem;padding:.45rem;font-size:.74rem;font-weight:750;display:inline-flex}.picker-results article>button:hover,.picker-results article>button[aria-pressed=true]{border-color:var(--color-red-600);color:var(--color-red-700)}@keyframes drawer-in{0%{transform:translate(100%)}}@media (width<=767px){.color-picker-drawer{width:100%;max-height:88dvh;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);border-radius:var(--radius-panel) var(--radius-panel) 0 0;border-left:0;animation-name:sheet-in;top:auto;left:0;box-shadow:0 -20px 60px #080e183d}.picker-results{grid-template-columns:1fr}.picker-results article>button{min-height:44px}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.color-picker-drawer,.color-picker-overlay{animation:none}}.room-simulator-page{min-width:0;max-width:100%;padding-block:clamp(2.5rem,5vw,5rem) 8rem;overflow:clip}.simulator-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,30rem);align-items:end;gap:2rem;margin-bottom:clamp(2rem,5vw,4rem);display:grid}.simulator-heading h1{max-width:10ch;color:var(--color-navy-900);letter-spacing:-.06em;margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.96}.room-simulator-page .simulator-heading h1{white-space:nowrap;max-width:none}.simulator-heading>p{color:var(--color-text-muted);margin:0 0 .75rem;line-height:1.75}.room-scene-navigation{gap:.75rem;min-width:0;margin-bottom:1.25rem;display:grid}.room-scene-navigation>div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.room-scene-navigation>div .room-toolbar__label{color:var(--color-navy-900);margin:0}.room-scene-navigation>div span{color:var(--color-text-muted);font-size:.78rem}.room-scene-picker{overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:inline proximity;gap:.5rem;max-width:100%;padding:.15rem 0 .55rem;display:flex;overflow-x:auto}.room-scene-picker button{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;scroll-snap-align:start;border-radius:999px;flex:none;padding:.65rem .9rem;font-size:.78rem;font-weight:750}.room-scene-picker button[aria-pressed=true]{border-color:var(--color-navy-900);background:var(--color-navy-900);color:var(--color-text-inverse)}.room-scene-picker button:focus-visible{outline:3px solid color-mix(in srgb, var(--color-red-600) 35%, transparent);outline-offset:2px}.room-workspace{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.45fr);align-items:start;gap:clamp(1rem,3vw,2.5rem);min-width:0;max-width:100%;display:grid}.room-canvas-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-navy-900);min-width:0;max-width:100%;box-shadow:var(--shadow-panel);position:sticky;top:94px;overflow:hidden}.room-canvas-panel__meta{color:var(--color-text-inverse);grid-template-columns:auto 1fr auto;align-items:baseline;gap:.7rem;padding:.9rem 1rem;display:grid}.room-canvas-panel__meta span,.room-canvas-panel__meta small{color:color-mix(in srgb, var(--color-text-inverse) 68%, transparent);font-size:.74rem}.room-scene{aspect-ratio:4/3;background:#ccc;width:100%;max-width:100%;display:block}.room-surface{cursor:pointer;outline:none;transition:filter .16s,stroke-width .16s}.room-surface:hover,.room-surface:focus-visible{filter:brightness(1.08);stroke:#c73737;stroke-width:3px;stroke-dasharray:7 4}.room-surface.is-active{stroke:#c73737;stroke-width:2.5px;stroke-dasharray:7 4}.room-architecture{fill:none;stroke:#11182742;stroke-width:1.2px}.room-architecture .room-window{fill:#bcd3df;stroke:#f4f0e8;stroke-width:5px}.room-architecture .room-rug{fill:#80634d;stroke:none;opacity:.48}.room-architecture .room-sofa{fill:#e9e1d3;stroke:#6a6258}.room-architecture .room-sofa-seat{fill:#d7cbb9;stroke:#6a6258}.room-architecture .room-cushion{stroke:none}.room-architecture .room-cushion--one{fill:#b8423d}.room-architecture .room-cushion--two{fill:#c7a35b}.room-canvas-hint{color:color-mix(in srgb, var(--color-text-inverse) 72%, transparent);margin:0;padding:.85rem 1rem 1rem;font-size:.78rem;line-height:1.6}.room-toolbar{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface-raised);gap:1rem;min-width:0;max-width:100%;padding:1rem;display:grid}.room-toolbar__label{margin:0 0 .55rem;font-size:.78rem;font-weight:800}.room-toolbar__section--decor{border-top:1px solid var(--color-border);padding-top:.8rem}.room-surface-tabs{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.room-surface-tabs button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:44px;color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:.78rem;display:flex}.room-surface-tabs button[aria-pressed=true]{border-color:var(--color-red-600);color:var(--color-red-700)}.room-surface-tabs button>span:first-child{border:1px solid #11182726;border-radius:50%;flex:none;width:18px;height:18px}.room-surface-tab__copy{text-align:left;gap:.05rem;min-width:0;display:grid}.room-surface-tab__copy small{color:var(--color-text-muted);font-size:.62rem;line-height:1.15}.room-current-color{border-radius:var(--radius-control);background:var(--color-surface-muted);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.8rem;padding:.75rem;display:grid}.room-current-color>span{border:1px solid var(--color-border);border-radius:var(--radius-small);width:56px;height:66px}.room-current-color div{min-width:0;display:grid}.room-current-color small,.room-current-color p{color:var(--color-text-muted);font-size:.72rem}.room-current-color strong,.room-current-color p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.room-picker-button,.room-export-button{width:100%}.room-decor-note{border:1px solid color-mix(in srgb, #b68a47 45%, var(--color-border));border-radius:var(--radius-control);background:color-mix(in srgb, #f2e5c8 55%, var(--color-surface));color:var(--color-text-muted);margin:-.35rem 0 0;padding:.65rem .75rem;font-size:.72rem;line-height:1.45}.room-export-button{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.room-apply-actions,.room-history-actions{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.room-apply-actions button,.room-history-actions button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:44px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;font-size:.74rem;font-weight:700;display:inline-flex}.room-apply-actions button:disabled,.room-history-actions button:disabled{cursor:not-allowed;opacity:.42}@media (width>=901px) and (width<=1100px){.room-simulator-page .simulator-heading h1{font-size:clamp(2.5rem,4.75vw,3.4rem)}}@media (width<=900px){.simulator-heading{grid-template-columns:1fr;gap:1rem}.simulator-heading h1{font-size:clamp(3.2rem,14vw,5.4rem)}.room-simulator-page .simulator-heading h1{font-size:clamp(2rem,10vw,5.4rem)}.room-workspace{grid-template-columns:1fr}.room-canvas-panel{position:static}.room-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.room-toolbar__section,.room-current-color,.room-decor-note,.room-picker-button,.room-apply-actions,.room-history-actions,.room-export-button{grid-column:1/-1}}@media (width<=720px){.room-simulator-page{padding-block:1.5rem 6.5rem}.simulator-heading{margin-bottom:1.75rem}.room-scene-navigation>div{gap:.2rem;display:grid}.room-scene-navigation>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-scene-picker{padding-inline:0}.room-canvas-panel__meta{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .65rem}.room-canvas-panel__meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-canvas-panel__meta strong{grid-area:2/1/auto/-1}.room-canvas-panel__meta small{grid-area:1/2}.room-toolbar{grid-template-columns:1fr;padding:.85rem;display:grid}.room-surface-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.room-surface-tabs button{min-width:0}.room-history-actions,.room-apply-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.room-surface{transition:none}}.photo-simulator-page{padding-block:clamp(2.5rem,5vw,5rem) 9rem}.photo-simulator-heading h1{max-width:12ch;font-size:clamp(3rem,5.3vw,5.4rem)}.photo-upload-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface-raised);min-height:32rem;box-shadow:var(--shadow-panel);grid-template-columns:minmax(18rem,.9fr) minmax(20rem,1.1fr);display:grid;overflow:hidden}.photo-upload-panel__art{background:var(--color-navy-900);min-height:24rem;position:relative;overflow:hidden}.photo-upload-panel__art:before,.photo-upload-panel__art:after,.photo-upload-panel__art span{content:"";position:absolute}.photo-upload-panel__art:before{clip-path:polygon(0 7%,100% 0,92% 100%,8% 92%);background:#b7c8d2;border:1px solid #fff3;inset:9% 12% 28%}.photo-upload-panel__art:after{clip-path:polygon(0 28%,100% 0,100% 100%,0 100%);background:#927458;height:35%;bottom:0;left:0;right:0}.photo-upload-panel__art span:first-child{z-index:1;background:#87a9bd;border:5px solid #f2eee6;width:24%;height:32%;top:17%;right:20%}.photo-upload-panel__art span:nth-child(2){z-index:2;background:#e3dacb;border-radius:15px 15px 4px 4px;height:24%;bottom:22%;left:20%;right:18%}.photo-upload-panel__art span:nth-child(3){z-index:3;background:var(--color-red-600);border-radius:5px;width:19%;height:15%;bottom:27%;right:25%}.photo-upload-panel>div:last-child{align-content:center;justify-items:start;padding:clamp(2rem,6vw,6rem);display:grid}.photo-upload-panel h2{max-width:9ch;color:var(--color-navy-900);letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.04}.photo-upload-panel p{max-width:28rem;color:var(--color-text-muted);line-height:1.7}.photo-upload-panel small{color:var(--color-text-muted);margin-top:.8rem;font-size:.76rem}.photo-warning{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text-muted);margin:0 0 1rem;padding:.8rem 1rem;font-size:.82rem}.photo-workspace{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.45fr);align-items:start;gap:clamp(1rem,3vw,2.5rem);display:grid}.photo-canvas-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-navy-900);box-shadow:var(--shadow-panel);overflow:hidden}.photo-canvas-stack{cursor:crosshair;background:#0f1724;width:100%;position:relative;overflow:hidden}.photo-canvas-stack canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.photo-canvas-stack__preview{z-index:1}.photo-boundary{z-index:3;pointer-events:none}.photo-boundary.is-active{animation:.85s ease-in-out 2 boundary-pulse}.photo-compare-line{z-index:4;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #11182740}.photo-canvas-busy{z-index:5;border-radius:var(--radius-control);color:#fff;background:#182130e0;padding:.5rem .75rem;font-size:.78rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.photo-canvas-panel>p{color:color-mix(in srgb, var(--color-text-inverse) 72%, transparent);margin:0;padding:.85rem 1rem;font-size:.78rem;line-height:1.6}.compare-slider{color:var(--color-text-inverse);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:0 1rem 1rem;font-size:.72rem;display:grid}.compare-slider input{width:100%;accent-color:var(--color-red-600)}.photo-coordinate-picker{color:var(--color-text-inverse);border-top:1px solid #ffffff1f;grid-template-columns:auto repeat(2,minmax(5rem,1fr)) auto;align-items:end;gap:.6rem;padding:.85rem 1rem 1rem;display:grid}.photo-coordinate-picker>span{align-self:center;font-size:.78rem;font-weight:800}.photo-coordinate-picker label{gap:.25rem;font-size:.7rem;display:grid}.photo-coordinate-picker input,.photo-coordinate-picker button{border-radius:var(--radius-control);border:1px solid #ffffff38;min-height:40px}.photo-coordinate-picker input{color:#fff;background:#ffffff14;min-width:0;padding-inline:.55rem}.photo-coordinate-picker button{color:#182130;cursor:pointer;background:#fff;padding-inline:.75rem;font-weight:750}.photo-side-panel{gap:1rem;display:grid}.photo-toolbar,.photo-regions{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface-raised);padding:1rem}.photo-toolbar{gap:1rem;display:grid}.photo-toolbar__label{margin:0 0 .55rem;font-size:.78rem;font-weight:800}.photo-tolerance{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.photo-tolerance button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:58px;color:var(--color-text);cursor:pointer;justify-items:start;padding:.55rem .65rem;font-weight:750;display:grid}.photo-tolerance button[aria-pressed=true]{border-color:var(--color-red-600);color:var(--color-red-700)}.photo-tolerance small{color:var(--color-text-muted);font-size:.64rem;font-weight:500}.photo-toolbar__actions{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.photo-toolbar__actions button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-height:42px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;display:inline-flex}.photo-toolbar__actions button[aria-pressed=true]{border-color:var(--color-red-600);color:var(--color-red-700)}.photo-toolbar__actions button:disabled{cursor:not-allowed;opacity:.42}.photo-replace-button,.photo-download-button{width:100%}.photo-replace-button{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer}.photo-regions__heading{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.photo-regions__heading h2{color:var(--color-navy-900);margin:0;font-size:1rem}.photo-regions__heading span{color:var(--color-text-muted);font-size:.72rem}.photo-regions__list{gap:.45rem;display:grid}.photo-regions article{border:1px solid var(--color-border);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) 36px 36px;gap:.35rem;padding:.35rem;display:grid}.photo-regions article.is-selected{border-color:var(--color-red-600)}.photo-region-main{min-width:0;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:.55rem;padding:0;display:grid}.photo-region-main>span:first-child{border:1px solid var(--color-border);border-radius:var(--radius-small);width:36px;height:48px}.photo-region-main>span:last-child{min-width:0;display:grid}.photo-region-main strong,.photo-region-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-region-main strong{font-size:.78rem}.photo-region-main small{color:var(--color-text-muted);font-size:.66rem}.photo-regions article>button:not(.photo-region-main){border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;align-self:center;place-items:center;padding:0;display:grid}.photo-error{margin-top:1rem}@keyframes boundary-pulse{50%{opacity:.35}}@media (width<=900px){.photo-upload-panel{grid-template-columns:1fr}.photo-upload-panel__art{min-height:18rem}.photo-upload-panel>div:last-child{padding:2rem}.photo-workspace,.photo-side-panel{grid-template-columns:1fr}}@media (width<=600px){.photo-simulator-heading h1{font-size:3.2rem}.photo-coordinate-picker{grid-template-columns:repeat(2,1fr)}.photo-coordinate-picker>span,.photo-coordinate-picker button{grid-column:1/-1}.photo-coordinate-picker button{min-height:44px}}@media (prefers-reduced-motion:reduce){.photo-boundary.is-active{animation:none}}.journey-shell__header{gap:1rem;margin-bottom:clamp(2rem,6vw,3.5rem);display:grid}.journey-shell__back{width:max-content;min-height:44px;color:var(--color-text-muted);align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.journey-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.journey-progress li{min-width:0;color:var(--color-text-muted);text-align:center;justify-items:center;gap:.4rem;font-size:.7rem;font-weight:700;display:grid;position:relative}.journey-progress li:before{background:var(--color-border);content:"";height:1px;position:absolute;top:.7rem;left:calc(.95rem - 50%);right:calc(50% + .95rem)}.journey-progress li:first-child:before{display:none}.journey-progress li>span:first-child{z-index:1;border:1px solid var(--color-border);background:var(--color-canvas);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.68rem;display:grid;position:relative}.journey-progress li.is-current>span:first-child{border-color:var(--color-red-600);background:var(--color-red-600);color:#fff}.journey-step>h1{max-width:12ch;color:var(--color-navy-900);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.15rem,9vw,4.4rem);font-weight:850;line-height:1.04}.journey-step>p:not(.eyebrow){max-width:34rem;color:var(--color-text-muted);margin:1.1rem 0 0;font-size:1rem;line-height:1.75}.journey-form{gap:2rem;display:grid}.journey-step--intro{padding-bottom:.25rem}.journey-question{border:0;gap:.8rem;min-width:0;margin:0;padding:0;display:grid}.journey-question legend{color:var(--color-navy-900);margin-bottom:.8rem;padding:0;font-size:1.02rem;font-weight:800}.choice-list,.choice-grid{gap:.65rem;display:grid}.choice-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;grid-template-columns:1.25rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:60px;padding:.8rem .9rem;transition:border-color .15s,background-color .15s;display:grid;position:relative}.choice-card:hover{border-color:var(--color-border-strong)}.choice-card.is-selected{border-color:var(--color-red-600);background:color-mix(in srgb, var(--color-red-100) 35%, var(--color-surface))}.choice-card__input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice-card:has(.choice-card__input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.choice-card__marker{border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 4px var(--color-surface-raised);border-radius:50%}.choice-card.is-selected .choice-card__marker{border-color:var(--color-red-600);background:var(--color-red-600)}.choice-card__copy{gap:.2rem;min-width:0;display:grid}.choice-card__title{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.choice-card__copy strong{color:var(--color-navy-900);font-size:.94rem}.choice-card__copy small{color:var(--color-text-muted);font-size:.78rem;line-height:1.55}.journey-review-note{border-left:3px solid var(--color-border-strong);background:var(--color-surface-muted);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;display:flex}.journey-review-note>span{gap:.15rem;display:grid}.journey-review-note strong,.journey-review-note b{color:var(--color-navy-900);font-size:.8rem}.journey-review-note small{color:var(--color-text-muted);font-size:.73rem;line-height:1.45}.journey-review-note b{border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);flex:none;padding:.35rem .5rem}.journey-alert{border:1px solid var(--color-red-600);border-radius:var(--radius-control);background:var(--color-red-100);color:var(--color-text);grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:1rem;display:grid}.journey-alert p{gap:.25rem;margin:0;font-size:.82rem;line-height:1.6;display:grid}.journey-alert strong{color:var(--color-navy-900);font-size:.9rem}.journey-action-bar{justify-content:flex-end;padding-top:.5rem;display:flex}.journey-primary-action:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.measurement-panel,.surface-card,.area-preview{border:1px solid var(--color-border);background:var(--color-surface)}.measurement-panel,.surface-card{border-radius:var(--radius-control);gap:1rem;padding:1rem;display:grid}.measurement-panel h2,.surface-card h2{color:var(--color-navy-900);margin:0;font-size:1rem}.measurement-input-row,.measurement-dimensions,.deduction-row{grid-template-columns:minmax(0,1fr) minmax(7rem,.45fr);align-items:end;gap:.75rem;display:grid}.measurement-dimensions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.measurement-dimensions>span{color:var(--color-text-muted);padding-top:1.4rem}.field-label{gap:.4rem;min-width:0;display:grid}.field-label>span{color:var(--color-text-muted);font-size:.75rem;font-weight:750}.field-label input,.field-label select{border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface-raised);width:100%;min-height:44px;color:var(--color-text);font:inherit;padding:.65rem .75rem}.field-label input:focus-visible,.field-label select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.surface-list{gap:.75rem;display:grid}.surface-card>header{justify-content:space-between;align-items:center;display:flex}.icon-text-button{color:var(--color-red-600);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;font-size:.75rem;font-weight:750;display:inline-flex}.deduction-row{border-top:1px solid var(--color-border);grid-template-columns:minmax(5rem,.6fr) minmax(0,1fr) minmax(0,1fr) auto;padding-top:.9rem}.icon-button--compact{width:44px;height:44px;color:var(--color-red-600)}.measurement-add{justify-self:start}.area-preview{border-left:4px solid var(--color-navy-800);border-radius:0 var(--radius-control) var(--radius-control) 0;gap:.3rem;padding:1rem;display:grid}.area-preview span,.area-preview small{color:var(--color-text-muted);font-size:.75rem;line-height:1.5}.area-preview strong{color:var(--color-navy-900);font-size:1.15rem}.form-error{border:1px solid var(--color-red-600);border-radius:var(--radius-small);background:var(--color-red-100);color:var(--color-red-700);margin:0;padding:.8rem .9rem;font-size:.84rem}.summary-status{border:1px solid color-mix(in srgb, #2f7d4c 45%, var(--color-border));border-radius:var(--radius-control);background:color-mix(in srgb, #2f7d4c 8%, var(--color-surface));color:#2f7d4c;align-items:center;gap:.75rem;padding:1rem;display:flex}.summary-status span{gap:.15rem;display:grid}.summary-status strong{color:var(--color-navy-900);font-size:.9rem}.summary-status small{color:var(--color-text-muted);font-size:.75rem;line-height:1.45}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.summary-card{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);gap:1rem;padding:1rem;display:grid}.summary-card--estimate{grid-column:1/-1}.summary-card>header{justify-content:space-between;align-items:center;display:flex}.summary-card h2{color:var(--color-navy-900);margin:0;font-size:1rem}.summary-card header a{color:var(--color-text-muted);align-items:center;gap:.3rem;font-size:.75rem;font-weight:750;text-decoration:none;display:inline-flex}.summary-card dl{gap:.65rem;margin:0;display:grid}.summary-card dl>div{justify-content:space-between;gap:1rem;display:flex}.summary-card dt{color:var(--color-text-muted);font-size:.78rem}.summary-card dd{color:var(--color-navy-900);text-align:right;margin:0;font-size:.82rem;font-weight:750}.summary-color{grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.summary-color>span{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-small);width:4.5rem}.summary-color>div{gap:.3rem;display:grid}.summary-color strong{color:var(--color-navy-900);font-size:.9rem}.summary-color small,.summary-warning{color:var(--color-text-muted);font-size:.75rem;line-height:1.5}.summary-color .summary-color__code{color:var(--color-navy-900);font-weight:800}.summary-warning{margin:0}.estimate-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.estimate-numbers>span{background:var(--color-surface-muted);gap:.3rem;padding:.9rem;display:grid}.estimate-numbers small{color:var(--color-text-muted);font-size:.72rem}.estimate-numbers strong{color:var(--color-navy-900);font-size:1.05rem}.summary-actions{justify-content:flex-end;gap:.65rem;display:flex}.contact-panel{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;display:grid}.contact-panel h2{color:var(--color-navy-900);grid-column:1/-1;margin:0;font-size:1rem}.contact-panel .field-label:nth-of-type(3){grid-column:1/-1}.contact-method{border:0;grid-column:1/-1;gap:1rem;margin:0;padding:0;display:flex}.contact-method legend{width:100%;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:750}.contact-method label{min-height:44px;color:var(--color-navy-900);align-items:center;gap:.4rem;font-size:.85rem;font-weight:750;display:inline-flex}.consent-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:1rem;display:grid}.consent-card input{width:1.2rem;height:1.2rem;accent-color:var(--color-red-600);margin-top:.1rem}.consent-card span{gap:.25rem;display:grid}.consent-card strong{color:var(--color-navy-900);font-size:.9rem}.consent-card small,.privacy-note{color:var(--color-text-muted);font-size:.75rem;line-height:1.5}.privacy-note{align-items:center;gap:.55rem;display:flex}.privacy-note svg{flex:none}.inquiry-success{justify-items:start;width:min(100% - 2rem,42rem);padding-block:clamp(3rem,9vw,7rem) 8rem;display:grid}.inquiry-success__icon{color:#2f7d4c;margin-bottom:1rem}.inquiry-success h1{color:var(--color-navy-900);letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,10vw,4.6rem);line-height:1}.inquiry-success>p:not(.eyebrow){max-width:32rem;color:var(--color-text-muted);line-height:1.7}.inquiry-success__summary{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:1rem;width:100%;margin-top:1rem;padding:1rem;display:grid}.inquiry-success__summary>span{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-small)}.inquiry-success__summary>div{gap:.3rem;display:grid}.inquiry-success__summary strong{color:var(--color-navy-900)}.inquiry-success__summary small{color:var(--color-text-muted);font-size:.78rem}.inquiry-success__actions{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.admin-shell{background:var(--color-canvas);min-height:100dvh}.admin-header{z-index:var(--z-header);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;min-height:64px;padding:.75rem max(1rem,50% - 38rem);display:flex;position:sticky;top:0}.admin-header>span{align-items:baseline;gap:.55rem;display:flex}.admin-header strong{color:var(--color-navy-900)}.admin-header small{color:var(--color-text-muted)}.admin-header button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:.45rem .65rem}.admin-login{place-items:center;min-height:100dvh;display:grid}.admin-login form{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);gap:1rem;width:min(100%,25rem);padding:1.25rem;display:grid}.admin-login h1,.admin-title h1,.admin-detail__title h1{color:var(--color-navy-900);letter-spacing:-.045em;margin:0}.admin-login form>p:not(.eyebrow),.admin-title>p:not(.eyebrow){color:var(--color-text-muted);margin:0;line-height:1.6}.admin-page{width:min(100% - 2rem,76rem);padding-block:2.5rem 5rem}.admin-title h1{font-size:clamp(2.4rem,6vw,4rem)}.admin-filters{grid-template-columns:minmax(0,1fr) minmax(9rem,.3fr);gap:.65rem;margin:1.5rem 0 1rem;display:grid}.admin-filters label{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);align-items:center;gap:.5rem;min-height:46px;padding:0 .8rem;display:flex}.admin-filters input,.admin-filters select{width:100%;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0}.admin-case-list{gap:.55rem;display:grid}.admin-case{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);grid-template-columns:1fr 1fr 1.5fr;align-items:center;gap:1rem;padding:.9rem 1rem;text-decoration:none;display:grid}.admin-case:hover{border-color:var(--color-border-strong)}.admin-case__top,.admin-case__contact,.admin-case__paint{gap:.3rem;display:grid}.admin-case__top{grid-template-columns:minmax(0,1fr) auto;align-items:center}.admin-case__top strong,.admin-case__contact strong{color:var(--color-navy-900);font-size:.84rem}.admin-case__contact span,.admin-case__paint span,.admin-case__paint small{color:var(--color-text-muted);font-size:.75rem}.admin-case__paint{grid-template-columns:1.35rem minmax(0,1fr) auto;align-items:center}.admin-case__paint i{border:1px solid var(--color-border);border-radius:50%;width:1.35rem;height:1.35rem}.status-chip{background:var(--color-surface-muted);width:max-content;color:var(--color-text-muted);border-radius:999px;padding:.28rem .45rem;font-size:.68rem;font-weight:800}.status-chip--new,.status-chip--contacted{background:color-mix(in srgb, var(--color-red-100) 70%, var(--color-surface));color:var(--color-red-700)}.status-chip--won{background:color-mix(in srgb, #2f7d4c 12%, var(--color-surface));color:#2f7d4c}.admin-empty{border:1px dashed var(--color-border-strong);color:var(--color-text-muted);text-align:center;padding:2rem}.admin-back{color:var(--color-text-muted);align-items:center;gap:.4rem;font-size:.8rem;font-weight:750;text-decoration:none;display:inline-flex}.admin-detail__title{justify-content:space-between;align-items:end;gap:1rem;margin:1.5rem 0;display:flex}.admin-detail__title h1{font-size:clamp(2rem,6vw,3.6rem)}.admin-detail__title label{color:var(--color-text-muted);gap:.35rem;font-size:.72rem;display:grid}.admin-detail__title select{border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;padding:0 .75rem}.admin-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.admin-detail__grid>section,.admin-danger{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:1rem}.admin-detail__grid h2,.admin-danger h2{color:var(--color-navy-900);margin:0 0 1rem;font-size:1rem}.admin-detail dl{gap:.65rem;margin:0;display:grid}.admin-detail dl>div{justify-content:space-between;gap:1rem;display:flex}.admin-detail dt,.admin-detail dd{font-size:.8rem}.admin-detail dt{color:var(--color-text-muted)}.admin-detail dd{color:var(--color-navy-900);text-align:right;margin:0;font-weight:700}.admin-history{grid-column:1/-1}.admin-history ol{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.admin-history li{color:var(--color-text-muted);grid-template-columns:1fr auto auto;gap:1rem;font-size:.75rem;display:grid}.admin-history strong{color:var(--color-navy-900)}.admin-danger{border-color:color-mix(in srgb, var(--color-red-600) 40%, var(--color-border));margin-top:2rem}.admin-danger p{color:var(--color-text-muted);font-size:.8rem}.admin-delete-confirm{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.65rem;display:grid}.style-preferences{border:0;gap:.65rem;margin:0;padding:0;display:grid}.style-preferences legend{color:var(--color-navy-900);padding:0;font-size:.86rem;font-weight:800}.style-preferences>div{flex-wrap:wrap;gap:.5rem;display:flex}.style-chip{cursor:pointer;position:relative}.style-chip input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.style-chip span{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text-muted);border-radius:999px;place-items:center;padding:.6rem .85rem;font-size:.8rem;font-weight:750;display:grid}.style-chip input:checked+span{border-color:var(--color-red-600);background:var(--color-red-100);color:var(--color-red-700)}.style-chip input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:3px}.recommendation-results{gap:1rem;display:grid}.preparation-note{border-left:3px solid var(--color-red-600);background:var(--color-red-100);margin:0;padding:.85rem 1rem;font-size:.82rem;line-height:1.6}.product-recommendation{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);gap:1rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.product-recommendation.is-primary{border:2px solid var(--color-navy-900);box-shadow:var(--shadow-panel)}.product-recommendation.is-selected{border-color:var(--color-red-600)}.product-recommendation__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.product-recommendation__header>div{gap:.4rem;display:grid}.product-recommendation__header h2{color:var(--color-navy-900);margin:0;font-size:clamp(1.2rem,4vw,1.55rem);line-height:1.25}.product-recommendation__header p{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.65}.product-rank,.verified-badge{width:max-content;font-size:.7rem;font-weight:800}.product-rank{color:var(--color-red-700);letter-spacing:.08em}.verified-badge{border-radius:var(--radius-small);background:var(--color-surface-muted);color:var(--color-text-muted);flex:none;padding:.3rem .45rem}.product-facts{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.product-facts>div{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:.25rem;padding:.75rem;display:grid}.product-facts dt{color:var(--color-text-muted);font-size:.68rem;font-weight:700}.product-facts dd{color:var(--color-navy-900);margin:0;font-size:.78rem;font-weight:750;line-height:1.45}.product-preview-note{background:var(--color-surface-muted);color:var(--color-text-muted);margin:0;padding:.7rem .8rem;font-size:.73rem;line-height:1.5}.product-recommendation__actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.product-recommendation__actions a{min-height:44px;color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.76rem;font-weight:700;display:inline-flex}.product-selected-message{color:var(--color-red-700);align-items:center;gap:.45rem;margin:0;font-size:.8rem;font-weight:750;display:flex}.manual-review-result{border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:var(--color-surface);padding:clamp(1.2rem,5vw,2rem)}.manual-review-result h2{color:var(--color-navy-900);margin:0;font-size:clamp(1.6rem,7vw,2.6rem);line-height:1.12}.manual-review-result>p:not(.eyebrow){color:var(--color-text-muted);margin:1rem 0 1.5rem;line-height:1.75}.manual-review-result>div{flex-wrap:wrap;gap:.65rem;display:flex}.simulation-choice{border:2px solid var(--color-red-600);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:clamp(1rem,4vw,1.5rem);display:grid}.simulation-choice h2{color:var(--color-navy-900);margin:0;font-size:clamp(1.35rem,5vw,2rem)}.simulation-choice>div>p:last-child{color:var(--color-text-muted);margin:.45rem 0 0;font-size:.8rem}.simulation-choice__actions{gap:.55rem;display:grid}.simulator-context-note{border-left:3px solid var(--color-red-600);background:var(--color-red-100);max-width:54rem;color:var(--color-text);margin:0 0 1.25rem;padding:.8rem 1rem;font-size:.8rem;line-height:1.6}.simulator-continue{border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);background:var(--color-surface);justify-content:space-between;align-items:center;gap:1rem;max-width:64rem;margin:1.25rem auto 0;padding:1rem;display:flex}.simulator-continue>div{gap:.25rem;display:grid}.simulator-continue strong{color:var(--color-navy-900);font-size:.9rem}.simulator-continue span{color:var(--color-text-muted);font-size:.75rem}@media (width<=900px){.app-main--journey{padding-bottom:0}}@media (width<=520px){.journey-shell{width:min(100% - 1.5rem,45rem);padding-top:max(.5rem, env(safe-area-inset-top))}.journey-progress li>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.journey-progress li.is-current>span:last-child{clip:auto;white-space:nowrap;width:auto;height:auto;position:static;overflow:visible}.journey-form{gap:1.65rem;padding-bottom:5.5rem}.choice-grid--compact{grid-template-columns:1fr}.journey-review-note{align-items:flex-start}.journey-action-bar{z-index:var(--z-mobile-nav);padding:.65rem .75rem max(.65rem, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:fixed;bottom:0;left:0;right:0}.journey-primary-action{width:100%;min-height:50px}.product-recommendation__header,.product-recommendation__actions{flex-direction:column;align-items:stretch}.verified-badge{align-self:flex-start}.simulation-choice{grid-template-columns:1fr}.simulation-choice__actions .button{width:100%}.simulator-continue{flex-direction:column;align-items:stretch}.product-recommendation__actions .button{width:100%}.measurement-input-row,.deduction-row{grid-template-columns:1fr}.deduction-row .icon-button--compact{justify-self:end}.summary-grid,.estimate-numbers{grid-template-columns:1fr}.summary-actions{flex-direction:column;align-items:stretch;padding-bottom:1rem}.summary-actions .button{width:100%}.contact-panel{grid-template-columns:1fr}.contact-panel .field-label:nth-of-type(3),.contact-method{grid-column:auto}.inquiry-success__actions{flex-direction:column;align-items:stretch;width:100%}.admin-page{width:min(100% - 1.25rem,76rem);padding-top:1.5rem}.admin-filters,.admin-detail__grid,.admin-delete-confirm{grid-template-columns:1fr}.admin-case{grid-template-columns:1fr;gap:.7rem}.admin-detail__title{flex-direction:column;align-items:stretch}.admin-history{grid-column:auto}.admin-history li{grid-template-columns:1fr;gap:.2rem}}.desktop-header{background:color-mix(in srgb, var(--color-canvas) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:64px}.desktop-header__inner{width:min(100% - 2.5rem,76rem)}.desktop-nav__link,.desktop-nav button.desktop-nav__link{cursor:pointer;background:0 0;border:0}.desktop-nav__link:hover,.desktop-nav__link.is-active{color:var(--color-red-700);background:0 0}.button{border-radius:9px;min-height:48px}.button--primary{background:var(--color-red-600);color:#fff;box-shadow:none}.button--primary:hover{background:var(--color-red-700)}.button--ghost{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.journey-shell{width:min(100% - 2rem,42rem);padding-block:1.25rem 6rem}.journey-shell__header{gap:.65rem;margin-bottom:clamp(1.5rem,5vw,2.5rem)}.journey-shell__back{min-height:38px;font-size:.8rem}.journey-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.journey-progress li{color:var(--color-text-muted);text-align:left;justify-items:stretch;gap:.4rem;font-size:.68rem;display:grid}.journey-progress li:before,.journey-progress li:first-child:before{background:var(--color-border);content:"";width:100%;height:3px;display:block;position:static}.journey-progress li.is-current:before,.journey-progress li.is-complete:before{background:var(--color-red-600)}.journey-progress li>span:first-child{display:none}.journey-progress li.is-current{color:var(--color-navy-900)}.journey-step{max-width:none}.journey-step>h1{letter-spacing:-.05em;text-wrap:nowrap;white-space:nowrap;max-width:none;font-size:clamp(2.15rem,7vw,3.4rem);line-height:1.08}.journey-step>p:not(.eyebrow){margin-top:.75rem;font-size:.92rem;line-height:1.65}.journey-form,.journey-form--single-question{gap:1.35rem}.journey-question{gap:0}.journey-question legend{margin-bottom:.45rem;font-size:.9rem}.choice-list,.choice-grid,.choice-grid--compact{border-top:1px solid var(--color-border);grid-template-columns:1fr;gap:0}.choice-card{border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;min-height:62px;padding:.75rem .25rem}.choice-card:hover{border-color:var(--color-border);background:color-mix(in srgb, var(--color-surface-muted) 45%, transparent)}.choice-card.is-selected{border-color:var(--color-border);background:color-mix(in srgb, var(--color-red-100) 44%, transparent);box-shadow:inset 3px 0 0 var(--color-red-600)}.journey-review-note{border-left-width:2px;padding:.75rem}.journey-action-bar{gap:.55rem;padding-top:0}.journey-action-bar--split .journey-primary-action{flex:1}.journey-primary-action{min-width:12rem}.product-recommendation,.product-recommendation.is-primary{border:1px solid var(--color-border);box-shadow:none;border-radius:12px}.product-recommendation.is-primary{border-top:3px solid var(--color-red-600)}.product-recommendation__header h2{font-size:clamp(1.2rem,5vw,1.45rem)}.product-facts{border-left:0;grid-template-columns:1fr}.product-facts>div{border-right:0;grid-template-columns:5rem minmax(0,1fr);align-items:baseline;padding:.6rem 0}.recommendation-alternatives{border-top:1px solid var(--color-border)}.recommendation-alternatives>summary{min-height:48px;color:var(--color-text-muted);cursor:pointer;padding-block:.8rem;font-size:.82rem;font-weight:750}.recommendation-alternatives__list{gap:.75rem;padding-top:.5rem;display:grid}.measurement-panel,.surface-card,.summary-card,.contact-panel{box-shadow:none;border-radius:12px}.measurement-wall-diagram{aspect-ratio:16/6;border:1px solid var(--color-border-strong);background:var(--color-surface-muted);place-items:center;width:min(100%,18rem);margin-inline:auto;display:grid;position:relative}.measurement-wall-diagram span{color:var(--color-text-muted);font-size:.68rem;position:absolute}.measurement-wall-diagram span:first-child{bottom:.3rem}.measurement-wall-diagram span:last-child{top:50%;left:.35rem;transform:translateY(-50%)}.measurement-deductions{border-top:1px solid var(--color-border)}.measurement-deductions>summary{min-height:46px;color:var(--color-text-muted);cursor:pointer;padding-block:.8rem;font-size:.82rem;font-weight:750}.measurement-deductions>div{gap:.75rem;padding-top:.5rem;display:grid}.package-recommendation{border-left:3px solid var(--color-red-600);background:var(--color-surface-muted);gap:.25rem;padding:.85rem;display:grid}.package-recommendation small,.package-recommendation span{color:var(--color-text-muted);font-size:.72rem}.summary-grid{grid-template-columns:1fr}.color-picker-drawer{box-shadow:-12px 0 36px #080e1829}.picker-results article{border-radius:9px}.room-simulator-page.is-journey{width:min(100% - 2rem,64rem);padding-top:1.25rem}.room-simulator-page.is-journey .simulator-heading{margin-bottom:1.25rem;display:block}.room-simulator-page.is-journey .simulator-heading h1{font-size:clamp(2.2rem,5vw,3.5rem)}.room-simulator-page.is-journey .simulator-heading>p{margin-top:.6rem}.room-simulator-page.is-journey .room-canvas-panel,.room-simulator-page.is-journey .room-toolbar{box-shadow:none;border-radius:12px}.room-simulator-page.is-journey .room-toolbar{gap:.75rem}.room-simulator-page.is-journey .room-current-color{border-radius:9px}@media (width<=900px){.app-main,.app-main--journey{min-height:100dvh;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-nav{right:.65rem;bottom:max(.55rem, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-surface-raised) 97%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:58px;padding:.3rem;left:.65rem}.mobile-nav__link{cursor:pointer;background:0 0;border:0;min-width:0;padding:.25rem;font-size:.7rem}.mobile-nav__link.is-active{background:var(--color-surface-muted)}.journey-shell{width:min(100% - 1.5rem,42rem);padding-top:max(.5rem, env(safe-area-inset-top));padding-bottom:10rem}.journey-progress li>span:last-child,.journey-progress li.is-current>span:last-child{clip:auto;white-space:nowrap;width:auto;height:auto;position:static;overflow:visible}.journey-form{gap:1.2rem;padding-bottom:8rem}.journey-action-bar{right:.65rem;bottom:calc(72px + max(.55rem, env(safe-area-inset-bottom)));z-index:calc(var(--z-mobile-nav) - 1);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 97%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:.5rem;left:.65rem;box-shadow:0 -6px 22px #18213114}.journey-action-bar--split .button--ghost{flex:none}.journey-primary-action{min-width:0}.room-simulator-page.is-journey{width:min(100% - 1rem,64rem);padding-block:.75rem 10rem}.room-simulator-page.is-journey .simulator-heading h1{letter-spacing:-.045em;font-size:clamp(1.45rem,7vw,2.3rem)}.room-simulator-page.is-journey .simulator-heading>p{font-size:.82rem;line-height:1.55}.room-simulator-page.is-journey .room-workspace{gap:.75rem}.room-simulator-page.is-journey .room-canvas-panel__meta{padding:.7rem .8rem}.room-simulator-page.is-journey .room-canvas-hint{padding:.65rem .8rem .75rem;font-size:.7rem}.room-simulator-page.is-journey .room-toolbar{padding:.75rem}.room-simulator-page.is-journey .room-surface-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.room-simulator-page.is-journey .simulator-continue{right:.65rem;bottom:calc(72px + max(.55rem, env(safe-area-inset-bottom)));z-index:calc(var(--z-mobile-nav) - 1);border-color:var(--color-border);border-radius:12px;max-width:none;margin:0;padding:.5rem;position:fixed;left:.65rem;box-shadow:0 -6px 22px #18213114}.room-simulator-page.is-journey .simulator-continue>div{display:none}.room-simulator-page.is-journey .simulator-continue .button{width:100%}}@media (width<=767px){.color-picker-drawer{width:100%;max-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) .85rem max(1rem, env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0;animation-name:drawer-in;inset:0}.color-picker-drawer__header{top:calc(-1 * max(1rem, env(safe-area-inset-top)));margin-top:calc(-1 * max(1rem, env(safe-area-inset-top)));padding-top:max(1rem, env(safe-area-inset-top))}.picker-filters__body{grid-template-columns:1fr}}@media (width<=520px){.page-container{width:min(100% - 1.25rem,86rem)}.journey-shell{width:min(100% - 1.25rem,42rem)}.journey-step>h1{font-size:clamp(1.75rem,8vw,2.25rem)}.journey-step>p:not(.eyebrow){font-size:.85rem}.journey-progress li{font-size:.62rem}.product-recommendation__header,.product-recommendation__actions{gap:.75rem}.measurement-dimensions{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.4rem}.measurement-dimensions .field-label span{font-size:.7rem}.measurement-dimensions input{min-width:0}.estimate-numbers{grid-template-columns:1fr}}
