:root{--color-bg: #f4f1ec;--color-surface: #ffffff;--color-surface-2: #faf8f4;--color-ink: #1b2a30;--color-ink-soft: #35474f;--color-muted: #5f6f77;--color-line: #ddd7cd;--color-line-strong: #c7c0b4;--color-accent: #14625f;--color-accent-strong: #0e4a48;--color-accent-soft: #e2efee;--color-wood: #b8763a;--color-wood-soft: #f3e6d8;--color-danger: #a52121;--color-danger-soft: #f6e3e1;--color-warning: #8a5a00;--color-warning-soft: #f8ecd4;--color-success: #1f6b3a;--color-success-soft: #e0f0e4;--color-focus: #1069b8;--font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: "SFMono-Regular", "Cascadia Code", "JetBrains Mono", Consolas, "Liberation Mono", monospace;--text-xs: .78rem;--text-sm: .9rem;--text-base: 1rem;--text-lg: 1.2rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.6rem;--line-tight: 1.2;--line-normal: 1.55;--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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(27, 42, 48, .06);--shadow-md: 0 6px 18px rgba(27, 42, 48, .08);--width-content: 720px;--width-wide: 1100px;--touch-min: 44px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px}@media (prefers-color-scheme: dark){:root{--color-bg: #14191b;--color-surface: #1d2427;--color-surface-2: #232b2e;--color-ink: #eef2f1;--color-ink-soft: #cdd6d5;--color-muted: #9aa8ac;--color-line: #333d40;--color-line-strong: #45514f;--color-accent: #4bb3ac;--color-accent-strong: #6fc9c2;--color-accent-soft: #1f3634;--color-wood: #d79a63;--color-wood-soft: #33291f;--color-danger: #e98a86;--color-danger-soft: #3a2422;--color-warning: #e2b56a;--color-warning-soft: #352a17;--color-success: #86d0a0;--color-success-soft: #1e3226;--color-focus: #79b8ec;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .5)}}@media print{:root{--color-bg: #ffffff;--color-surface: #ffffff}body{background:#fff;color:#000}.app-header,.wizard__nav,.no-print,button,.results__tabs{display:none!important}.app-main{padding:0}.container,.container--wide{max-width:none;padding:0}.card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.print-only{display:block!important}.board-figure{break-inside:avoid;page-break-inside:avoid}.results__panel{display:block!important}a[href]:after{content:""}}.print-only{display:none}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-normal);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}a{color:var(--color-accent)}button{font-family:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-999px;top:var(--space-2);background:var(--color-ink);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:100}.skip-link:focus{left:var(--space-2)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--width-content);margin:0 auto;padding:0 var(--space-4)}.container--wide{max-width:var(--width-wide)}.app-header{border-bottom:1px solid var(--color-line);background:var(--color-surface);position:sticky;top:0;z-index:20}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);max-width:var(--width-wide);margin:0 auto}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--color-ink);letter-spacing:-.01em}.brand__mark{width:28px;height:28px;flex:none}.brand__save{font-size:var(--text-xs);color:var(--color-muted)}.app-main{flex:1;padding:var(--space-6) 0 var(--space-8)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);font-weight:700;color:var(--color-accent)}.step-title{font-size:var(--text-2xl);line-height:var(--line-tight);letter-spacing:-.02em;margin:var(--space-2) 0 var(--space-2)}.step-help{color:var(--color-muted);margin-bottom:var(--space-5);max-width:46ch}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.notice{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid transparent;display:flex;gap:var(--space-2);align-items:flex-start}.notice--info{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-ink-soft)}.notice--warning{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-ink-soft)}.notice--danger{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-ink-soft)}.stack>*+*{margin-top:var(--space-4)}.stack-sm>*+*{margin-top:var(--space-2)}.row{display:flex;gap:var(--space-3);flex-wrap:wrap}.row--between{justify-content:space-between;align-items:center}.grow{flex:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-strong)}.btn--secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-line-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-2)}.btn--ghost{background:transparent;color:var(--color-accent);padding-inline:var(--space-3)}.btn--danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn--block{width:100%}.btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-6)}.field{display:block}.field__label{display:block;font-weight:600;margin-bottom:var(--space-2);color:var(--color-ink)}.field__hint{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.field__control{display:flex;align-items:stretch;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.field__control:focus-within{border-color:var(--color-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-focus) 30%,transparent)}.field input,.field select,.field textarea{flex:1;min-height:var(--touch-min);border:0;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);color:var(--color-ink);background:transparent;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none}.field__unit{display:inline-flex;align-items:center;padding:0 var(--space-4);background:var(--color-surface-2);border-left:1px solid var(--color-line);color:var(--color-muted);font-size:var(--text-sm);font-weight:600}.field--invalid .field__control{border-color:var(--color-danger)}.field__error{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-2);font-weight:600}.radio-cards{display:grid;gap:var(--space-3)}.radio-card{position:relative;display:flex;gap:var(--space-3);align-items:flex-start;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;background:var(--color-surface);min-height:var(--touch-min)}.radio-card:hover{border-color:var(--color-accent)}.radio-card input{position:absolute;opacity:0;width:1px;height:1px}.radio-card__mark{width:22px;height:22px;border:2px solid var(--color-line-strong);border-radius:50%;flex:none;margin-top:2px;display:grid;place-items:center}.radio-card input:checked+.radio-card__mark{border-color:var(--color-accent)}.radio-card input:checked+.radio-card__mark:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--color-accent)}.radio-card:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}.radio-card input:focus-visible+.radio-card__mark{outline:3px solid var(--color-focus);outline-offset:2px}.radio-card__title{font-weight:600}.radio-card__desc{color:var(--color-muted);font-size:var(--text-sm)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;min-height:var(--touch-min)}.toggle__label{font-weight:600}.wizard{max-width:var(--width-content);margin:0 auto}.editor-grid{display:grid;gap:var(--space-4)}@media (min-width: 768px){.editor-grid{grid-template-columns:1fr 1fr;align-items:start}}.settings-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.settings-panel>summary{cursor:pointer;padding:var(--space-4);font-weight:700;min-height:var(--touch-min);display:flex;align-items:center;gap:var(--space-2);list-style:none}.settings-panel>summary::-webkit-details-marker{display:none}.settings-panel>summary:before{content:"▸";color:var(--color-accent)}.settings-panel[open]>summary:before{content:"▾"}.settings-panel__body{padding:0 var(--space-4) var(--space-4)}.progress{height:6px;background:var(--color-line);border-radius:999px;overflow:hidden;margin-bottom:var(--space-6)}.progress__bar{height:100%;background:var(--color-accent);transition:width .3s ease}.wizard__step{animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wizard__nav{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6)}.schematic{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.schematic__part{fill:var(--color-wood-soft);stroke:var(--color-ink-soft);stroke-width:2}.schematic__label{font-size:13px;fill:var(--color-ink-soft);font-family:var(--font-sans)}.iso{width:100%;max-width:360px;height:auto;margin:0 auto;display:block}.iso__face-top{fill:color-mix(in srgb,var(--color-wood) 24%,var(--color-surface))}.iso__face-side{fill:color-mix(in srgb,var(--color-wood) 42%,var(--color-surface))}.iso__cavity-light{fill:color-mix(in srgb,var(--color-ink) 9%,var(--color-surface))}.iso__cavity-dark{fill:color-mix(in srgb,var(--color-ink) 20%,var(--color-surface))}.iso__backpanel{fill:color-mix(in srgb,var(--color-accent) 78%,var(--color-surface))}.iso__back-label{fill:#fff}.iso__open{fill:var(--color-surface)}.iso__panel{fill:var(--color-wood-soft)}.iso__edge{fill:none;stroke:var(--color-ink-soft);stroke-linejoin:round;stroke-linecap:round}.iso__seam{stroke:color-mix(in srgb,var(--color-ink-soft) 55%,transparent)}.iso__dim{fill:var(--color-muted);font-family:var(--font-mono);font-weight:600}.cabinet-list{display:grid;gap:var(--space-4)}.cabinet-item{display:flex;flex-direction:column;gap:var(--space-3)}.cabinet-item__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.cabinet-item__name{font-size:var(--text-lg);font-weight:700}.cabinet-item__type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);font-weight:700}.cabinet-item__dims{font-family:var(--font-mono);color:var(--color-ink-soft);font-size:var(--text-sm)}.cabinet-item__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.qty{display:inline-flex;align-items:center;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);overflow:hidden}.qty button{min-width:var(--touch-min);min-height:var(--touch-min);border:0;background:var(--color-surface-2);font-size:var(--text-lg);cursor:pointer;color:var(--color-ink)}.qty input{width:3.5rem;text-align:center;border:0;border-inline:1px solid var(--color-line);min-height:var(--touch-min);font-size:var(--text-base);background:var(--color-surface);color:var(--color-ink)}.parts-table{width:100%;border-collapse:collapse}.parts-table th,.parts-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-line);font-size:var(--text-sm)}.parts-table th{color:var(--color-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-xs)}.parts-table td.num{font-family:var(--font-mono);text-align:right}.parts-cards{display:grid;gap:var(--space-3)}.part-card{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.part-card__title{display:flex;justify-content:space-between;gap:var(--space-2);font-weight:700;margin-bottom:var(--space-2)}.part-card__code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent)}.part-card__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-4);font-size:var(--text-sm)}.part-card__grid dt{color:var(--color-muted)}.part-card__grid dd{margin:0;font-family:var(--font-mono)}.hide-mobile{display:none}.show-mobile{display:block}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.metric{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-2)}.metric__value{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-mono);line-height:1.1}.metric__label{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.bar{height:14px;border-radius:999px;background:var(--color-danger-soft);overflow:hidden;border:1px solid var(--color-line)}.bar__fill{height:100%;background:var(--color-success)}.results__tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-5);overflow-x:auto}.results__tab{border:0;background:transparent;padding:var(--space-3) var(--space-4);min-height:var(--touch-min);font-weight:600;color:var(--color-muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.results__tab[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.boards-grid{display:grid;gap:var(--space-6)}.board-figure{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.board-figure__caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:600}.board-svg{width:100%;height:auto;display:block;background:var(--color-surface-2);border-radius:var(--radius-sm)}.board-legend{margin-top:var(--space-3);display:grid;gap:var(--space-1);font-size:var(--text-sm)}.board-legend__item{display:flex;gap:var(--space-2);align-items:baseline}.board-legend__code{font-family:var(--font-mono);color:var(--color-accent);font-weight:700;min-width:8.5ch}.summary-list{display:grid;gap:var(--space-2)}.summary-list__row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px dashed var(--color-line)}.summary-list__row dt{color:var(--color-ink-soft)}.summary-list__row dd{margin:0;font-family:var(--font-mono);font-weight:600}@media (min-width: 768px){.hide-mobile{display:revert}.show-mobile{display:none}.metrics-grid{grid-template-columns:repeat(4,1fr)}.radio-cards--cols{grid-template-columns:1fr 1fr}.boards-grid{grid-template-columns:1fr}}