/* Optional retro-computer skin; calculation and project behavior are unchanged. */
body[data-retro="on"]{--paper:#111d17;--paper-raised:#192a20;--surface:#192a20;--rust:#eac17f;--paper-warm:#263a2b;--ink:#e4eedc;--ink-soft:#c1d0b8;--muted:#a7b7a0;--line:#45604a;--line-strong:#6f9070;--accent:#bce990;--accent-deep:#dcffb8;--accent-soft:#263c29;--green:#bce990;--green-deep:#dcffb8;--green-pale:#263c29;--clay:#eac17f;--clay-pale:#3a3323;--blue:#a5d8d0;--blue-pale:#213b37;--brass:#eac17f;--mint:#263c29;--sky:#213b37;--gold:#3a3323;--brand-tone:#eac17f;--brand-wash:#3a3323;--color-ai-surface:#263c29;--color-tools-surface:#192a20;--color-project-outdoor:#3a3323;--color-project-interior:#322b40;--color-project-garden:#263c29;--font-body:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--font-display:var(--font-body);background:var(--paper);color:var(--ink);font-family:var(--font-body)}
body[data-retro="on"] .site-header,body[data-retro="on"]>header{background:#d7d6bb;color:#17251b;border-bottom:3px solid #060d09}
body[data-retro="on"] .site-header .brand,body[data-retro="on"] .site-header .nav-links,body[data-retro="on"] header .brand,body[data-retro="on"] header a{color:#17251b}
body[data-retro="on"] .header-note{color:#384b36}
body[data-retro="on"] .compact-hero .h1{font-size:clamp(27px,3.2vw,41px);letter-spacing:-.06em}
body[data-retro="on"] .compact-hero .h1 em{color:var(--clay)}
body[data-retro="on"] main{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#90c29104 4px)}
body[data-retro="on"] .discovery-tools,body[data-retro="on"] .input-panel,body[data-retro="on"] .output-panel,body[data-retro="on"] .project,body[data-retro="on"] .project-card,body[data-retro="on"] .panel{border:1px solid var(--line-strong);border-radius:3px;box-shadow:4px 4px 0 #070e09;background:var(--paper-raised)}
body[data-retro="on"] .area-grid button,body[data-retro="on"] .browser-tool-list a,body[data-retro="on"] .input-row,body[data-retro="on"] .search-field,body[data-retro="on"] input,body[data-retro="on"] select,body[data-retro="on"] textarea,body[data-retro="on"] .ai-start{border-radius:2px;background:var(--paper-raised);color:var(--ink)}
body[data-retro="on"] .primary,body[data-retro="on"] .button:not(.secondary):not(.text){background:var(--accent);border-color:var(--accent);color:#15231a;border-radius:2px;box-shadow:2px 2px 0 #071008}
body[data-retro="on"] .secondary,body[data-retro="on"] .button.secondary,body[data-retro="on"] .button.text,body[data-retro="on"] .presets button,body[data-retro="on"] .answer-choices button{background:var(--paper-warm);color:var(--ink);border-color:var(--line-strong);border-radius:2px;box-shadow:none}
body[data-retro="on"] .page-wrap #entry-ai .button{background:var(--paper-warm);color:var(--ink-soft);border-color:var(--line);box-shadow:none}
body[data-retro="on"] .adjust{background:var(--paper-warm);color:var(--accent);border-radius:2px}
body[data-retro="on"] button:active{transform:translate(1px,1px)}
body[data-retro="on"] .brand-mark i{border-color:#17251b}
body[data-retro="on"] .project-card:nth-child(n){background:var(--paper-raised)!important}
body[data-retro="on"] .calc-result-card,body[data-retro="on"] .notice,body[data-retro="on"] .help,body[data-retro="on"] .goal-echo{background:var(--paper-warm);color:var(--ink-soft)}
body[data-retro="on"] .help p{color:var(--ink-soft)}
body[data-retro="on"] :focus-visible{outline:3px solid #eac17f;outline-offset:3px}
body[data-retro="on"] .live-diagram{color:var(--accent)}
.retro-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.retro-controls button{min-height:44px;padding:7px 10px;border:1px solid currentColor;border-radius:2px;background:transparent;color:inherit;font-size:11px;cursor:pointer}
.retro-window-strip{display:none}.retro-companion{display:none}
body[data-retro="on"] .retro-window-strip{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px;letter-spacing:.06em}
.retro-window-strip i{width:7px;height:7px;background:var(--accent);box-shadow:10px 0 0 var(--line);margin-right:10px}
body[data-retro="on"] .retro-companion{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--muted);font-size:10px}.retro-companion svg{width:48px;height:42px;flex-shrink:0}.retro-companion .pixel-cursor{fill:var(--accent)}
body[data-retro="on"][data-retro-effects="on"] .retro-companion .pixel-cursor{animation:retro-cursor 900ms steps(1) 4}
body[data-retro="on"][data-retro-effects="on"] .retro-key-feedback{animation:key-feedback 180ms ease-out}
@keyframes retro-cursor{50%{opacity:0}}
@keyframes key-feedback{50%{box-shadow:0 0 0 2px #bce99055}}
@media(max-width:760px){.header-inner{flex-wrap:wrap;gap:8px;padding-inline:14px}.site-header{height:auto;min-height:68px}.retro-controls{gap:5px}.retro-controls button{font-size:10px;padding:6px 8px}.retro-companion span{max-width:200px}body[data-retro="on"] .retro-controls{margin-left:auto}.retro-window-strip{font-size:9px}}
@media(prefers-reduced-motion:reduce){body[data-retro="on"] *,body[data-retro="on"] *::before,body[data-retro="on"] *::after{animation:none!important;transition:none!important}}

body[data-retro="on"] .site-header .brand span span{color:#17251b!important}body[data-retro="on"] .site-header .nav-links button:hover{color:#17251b;text-decoration:underline}

body[data-retro="on"] header .brand span{color:#17251b!important}body[data-retro="on"] .site-header .nav-links button{min-height:44px}
/* Shared appearances across catalog, calculators and saved estimates. */
body[data-theme]{background:var(--paper);color:var(--ink);font-family:var(--font-body,system-ui)}
body[data-theme="classic"]{--paper:#faf6ee;--paper-raised:#fffdf8;--surface:#fffdf8;--ink:#222b24;--ink-soft:#43483f;--muted:#62645d;--line:#d6dcd0;--line-strong:#a5b19f;--accent:#246348;--accent-deep:#184d36;--accent-soft:#e7f2e9;--mint:#e7f2e9;--sky:#e9f2f7;--gold:#f8edcf;--rust:#ab442e}
body[data-theme="night"]{--paper:#111917;--paper-raised:#1d2924;--surface:#1d2924;--paper-warm:#2d3e32;--ink:#edf3e9;--ink-soft:#c9d6c5;--muted:#acbda5;--line:#48604a;--line-strong:#75906e;--accent:#bce990;--accent-deep:#dcffb8;--accent-soft:#2d3e32;--green:#bce990;--green-deep:#dcffb8;--green-pale:#2d3e32;--clay:#eac17f;--blue:#addcd8;--brass:#eac17f;--mint:#2d3e32;--sky:#253f3b;--gold:#3b3526;--rust:#eac17f;--header-bg:#1d2924;--color-ai-surface:#2d3e32;--color-tools-surface:#1d2924;--color-project-outdoor:#3b3526;--color-project-interior:#352c40;--color-project-garden:#2d3e32}
body[data-theme="soft"]{--paper:#f4f1f9;--paper-raised:#fff;--surface:#fff;--paper-warm:#ebe6f2;--ink:#261d33;--ink-soft:#51435f;--muted:#665970;--line:#d9cde4;--line-strong:#ad9cbe;--accent:#6550a4;--accent-deep:#4b397f;--accent-soft:#ece6f7;--mint:#ece6f7;--sky:#e4edf7;--gold:#f8edcf;--rust:#9e4739}
body[data-theme="workshop"]{--paper:#fbf5e8;--paper-raised:#fffefa;--surface:#fffefa;--paper-warm:#f2e8d1;--ink:#30241e;--ink-soft:#5d4b40;--muted:#715e51;--line:#e1cfb9;--line-strong:#bd9c7f;--accent:#ad452c;--accent-deep:#883321;--accent-soft:#fae4d8;--mint:#e2f0df;--sky:#e0f0f5;--gold:#f2e8d1;--rust:#ad452c}
body[data-theme="night"] .primary,body[data-theme="night"] .button:not(.secondary):not(.text){color:#15231a}
body[data-theme="night"] .help p{color:var(--ink-soft)}
body[data-theme="night"] .site-header,body[data-theme="night"]>header{background:var(--surface);color:var(--ink)}
body[data-theme="night"] header .brand,body[data-theme="night"] header a{color:var(--ink)}
body[data-theme="night"] .discovery-tools,body[data-theme="night"] .input-panel,body[data-theme="night"] .output-panel,body[data-theme="night"] .project,body[data-theme="night"] .project-card:nth-child(n){background:var(--surface)!important;border-color:var(--line-strong)}
.appearance-label{display:flex;align-items:center;gap:7px;font-size:11px;color:inherit}.appearance-label select{min-height:44px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;padding:6px 9px;font:inherit;cursor:pointer}.appearance-label option{background:var(--surface,#fffdf8);color:var(--ink,#222b24)}
.proto-picker{display:none!important}
@media(max-width:760px){.appearance-label{font-size:10px}.retro-controls{margin-left:auto}.appearance-label select{min-height:44px}.header-inner{flex-wrap:wrap;gap:8px}.site-header{height:auto;min-height:68px}}

.studio-entry-link{display:inline-block;font-size:12px;margin-top:10px;color:var(--ink-soft);min-height:32px}.builder-editor,.builder-preview{background:var(--surface)}