: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:#f2f0e9;--color-surface:#fbfaf6;--color-surface-raised:#fff;--color-surface-muted:#e8e5dc;--color-text:#172137;--color-text-muted:#596371;--color-text-inverse:#fffdf8;--color-border:#d3d0c7;--color-border-strong:#a7a49c;--color-focus:#2469ac;--shadow-panel:0 20px 50px #1821311a;--shadow-nav:0 -8px 28px #1821311f;--radius-panel:18px;--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:#ef6f68;--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}body{background:var(--color-canvas);min-width:320px;min-height:100dvh;margin:0}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}.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--primary:hover{background:var(--color-red-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(4,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{padding-block:clamp(2.5rem,5vw,5rem) 8rem}.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-workspace{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.45fr);align-items:start;gap:clamp(1rem,3vw,2.5rem);display:grid}.room-canvas-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-navy-900);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{background:#ccc;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;padding:1rem;display:grid}.room-toolbar__label{margin:0 0 .55rem;font-size:.78rem;font-weight:800}.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{border:1px solid #11182726;border-radius:50%;width:18px;height:18px}.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-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:42px;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-picker-button,.room-apply-actions,.room-history-actions,.room-export-button{grid-column:1/-1}}@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}}