.theme-picker{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:inherit}.theme-picker>span{font-size:18px;line-height:1}.theme-picker select{font:inherit;font-size:11px;background:transparent;color:inherit;border:1px solid var(--line);border-radius:18px;padding:8px 5px;max-width:72px;cursor:pointer}.theme-picker select:focus-visible{outline:3px solid #ca994e;outline-offset:3px}.header-actions{gap:16px}
:root[data-theme=dark]{color-scheme:dark;--ink:#e9f0f2;--muted:#aebcc2;--cream:#1b2a31;--line:#364850;--paper:#101a20;--dark:#d9e7ed;--navy:#b0d2df;--blue:#9fc6d5;--accent:#80baff;--room-surface:#203139;--room-selected:#10232c}
:root[data-theme=dark] body{background:#101a20;color:var(--ink)}
:root[data-theme=dark] header{background:#101a20f5;border-color:var(--line)}
:root[data-theme=dark] #nav.open{background:#142129;border-color:var(--line)}
:root[data-theme=dark] .brand img{background:#fff;border-radius:5px;filter:none;mix-blend-mode:normal}
:root[data-theme=dark] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){background:#1b2b34;color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] input::placeholder{color:#98acb5}
:root[data-theme=dark] .button{background:#acd3e4;border-color:#acd3e4;color:#10232c}
:root[data-theme=dark] .button:hover{background:#c4e3ee;border-color:#c4e3ee;color:#10232c}
:root[data-theme=dark] .button.outline{background:transparent;border-color:#526c77;color:#d6e9f1}
:root[data-theme=dark] .button.outline:hover{background:#243e49}
:root[data-theme=dark] :is(.text-link,.compare-toggle,.card-actions a,.control-heading a,.finder-finish-tools a,.finder-catalog-note a,.flow-choice-summary a,.flow-choice-summary button,.ai-stop-generation,.ai-wizard-selection>.text-link){color:#a6d7f3}
:root[data-theme=dark] :is(.hero,.hero-note,.collection-panel,.companion,.filters,.collection-nav,.comparison-wrap,.compare-tray,#compare-tray,.product-card .save,.save,.gallery-tabs button[aria-pressed=true],.next-step,.finder-options button,.finder-results article,.flow-actions,.flow-collection,.flow-search,.finder-choice,.space-option,.material-option,.journey-bottom,.journey-finish>div,.finder-empty,.finder-empty>div,.finder-selection,.ai-controls,.studio-panel,.ai-source-switch,.ai-upload-label,.ai-compare-controls>div,.ai-job,.contact-layout aside,.count,.saved-link span,.answer-chips button,.answer-chips span,.answer-chips>.auto-install-chip,.flow-pager button){background:#1b2a31;color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] :is(.product-img,.gallery-main,.comparison th:first-child){background:#203139}
:root[data-theme=dark] :is(.finder-options button[aria-pressed=true],.finder-choice[aria-pressed=true],.space-option[aria-pressed=true],.material-option[aria-pressed=true],.flow-collection[aria-pressed=true],.journey-finish[aria-pressed=true]>div){background:#263e49;border-color:#9acde1;color:#edf5f8}
:root[data-theme=dark] :is(.finder-choice[aria-pressed=true] .choice-circle,.finder-options button[aria-pressed=true] .choice-circle,.selection-dot,.journey-steps button>span){background:#29424e;border-color:#70929f;color:#e8f5fb}
:root[data-theme=dark] :is(.ai-source-switch button[aria-pressed=true],.ai-compare-controls button[aria-pressed=true],.portfolio-filters button[aria-pressed=true]){background:#acd3e4;color:#10232c;border-color:#acd3e4}
:root[data-theme=dark] :is(.eyebrow,.hero-content p,.hero-note b,.hero-note small,.welcome-copy>p,.welcome-route strong,.journey-steps button,.journey-steps button[aria-current=step],.sar-finder .finder-intro p,.choice-copy p,.finder-results small,.finder-results p,.match-reason strong,.finder-empty p,.finder-selected-floor p,.finder-selection dt,.finder-pick-prompt p,.comparison dt,.ai-footer-status,.ai-room-group,.ai-session-details,.ai-upload-copy p,.ai-upload-label>span,.ai-room-source .micro,.ai-jobs>p,.ai-job small,.ai-job span,.ai-compare-controls p,.finder-auto-note,.finder-auto-note strong,.auto-install-chip small,.ai-preset-copy p,.ai-progress-elapsed,.ai-generation-feedback,.ai-generation-feedback strong,.ai-generation-feedback p,.ai-time-estimate,.submittal-facts dt,.flow-collection p,.flow-collection h2 span,.flow-pager>span,.flow-choice-summary,.flow-choice-summary strong,.flow-auto-note,.finder-match-note,.finder-search-label,.guided-studio-toolbar>span){color:var(--muted)}
:root[data-theme=dark] :is(.hero h1,.welcome-route strong,.ai-generation-feedback strong,.finder-auto-note strong,.flow-choice-summary strong){color:var(--ink)}
:root[data-theme=dark] .hero-help{color:#fff}
:root[data-theme=dark] .studio-link span{background:#263e49;color:#a6d7f3}
:root[data-theme=dark] :is(.status-note,.source-note,.package-status,.submittal-status){background:#352e22;color:#efdfbd;border-color:#b8965e}
:root[data-theme=dark] .package-docs>div{background:#302b22;color:#efdfbd}
:root[data-theme=dark] :is(dialog,#product-dialog,#submittal-dialog,#lightbox){background:#172730;color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] :is(.dialog-close,.lightbox-controls button){background:#29404c;color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] .ai-progress{background:#13242ef0;color:var(--ink)}
:root[data-theme=dark] .ai-progress :is(strong,p,.ai-time-estimate,.ai-progress-elapsed){color:var(--ink)}
:root[data-theme=dark] .ai-status{color:#a6d7f3}
:root[data-theme=dark] .ai-room-strip button[aria-pressed=true] span{color:#def1fa}
:root[data-theme=dark] :is(.ai-room-strip button[aria-pressed=true],.ai-studio .finish-button[aria-pressed=true]){border-color:#acd3e4}
:root[data-theme=dark] :is(footer,.footer-bottom){background:#0b1419;color:#c3d1d7;border-color:#34454d}
:root[data-theme=dark] .footer-top .eyebrow{color:#b2c3cb}
:root[data-theme=dark] #toast{background:#d2e8f1;color:#142b36}
:root[data-theme=dark] #room-fullscreen{background:#10191e;color:#fff}
@media(max-width:1100px){.header-actions{gap:10px}}
@media(max-width:500px){.theme-picker{gap:0}.theme-picker>span{display:none}.theme-picker select{max-width:60px;font-size:10px;padding:8px 3px}.header-actions{gap:8px}.header-actions>a{font-size:10px}header .brand img{width:102px;height:auto}header .brand{width:auto}.header-actions #menu{padding:5px}}

.filters input,.filters select{min-width:0;max-width:100%;width:100%}.filters>*{min-width:0}