:root{color-scheme:light;--bg: #f4f3ef;--surface: #ffffff;--surface-2: #f8f7f4;--line: #dedcd5;--line-strong: #b4b1a8;--text: #1a1c20;--text-2: #5b5e66;--accent: #1f5fbf;--accent-hover: #194f9f;--accent-contrast: #ffffff;--accent-weak: #e7eefa;--danger: #b42318;--danger-weak: #fcebe9;--warn: #8a5300;--warn-weak: #fbf1dc;--ok: #2d6a36;--ok-weak: #e8f2e8;--piece-1: #cfdff4;--piece-2: #f2dcc0;--piece-3: #d3e6cd;--piece-4: #eed2db;--piece-5: #dfd7f0;--piece-6: #efe6b4;--piece-7: #cbe5e2;--piece-8: #e5d5c6;--piece-stroke: rgba(26, 28, 32, .45);--offcut: #6f8a62;--waste: #e8e7e2;--swatch-wood: #d8b88a;--swatch-wood-grain: #b48a58;--swatch-metal: #cdd1d5;--swatch-metal-line: #a4aab1;--swatch-clear: #eef4f7;--swatch-clear-glint: #ffffff;--swatch-opal: #ecebe6;--swatch-opal-glow: #fbfbf8;--swatch-ring: rgba(26, 28, 32, .28);--grid-minor: rgba(31, 95, 191, .035);--grid-major: rgba(31, 95, 191, .07);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.25rem;--fs-2xl: 1.75rem;--radius: 4px;--control-h: 32px;--mobile-bar-h: 64px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-sticky: 0 1px 2px rgba(26, 28, 32, .04), 0 4px 16px rgba(26, 28, 32, .04);--focus-ring: 2px solid var(--accent);--t-fast: .15s ease;--accent-kbd-bg: rgba(255, 255, 255, .18);--accent-kbd-border: rgba(255, 255, 255, .35);--dark-bg: #121519;--dark-surface: #1a1e24;--dark-surface-2: #20252c;--dark-line: #2d333c;--dark-line-strong: #49525f;--dark-text: #e6e8eb;--dark-text-2: #a3aab5;--dark-accent: #6fa3f0;--dark-accent-hover: #8db6f3;--dark-accent-contrast: #0d1726;--dark-accent-weak: #1c2a40;--dark-danger: #f28b80;--dark-danger-weak: #3a1f1d;--dark-warn: #e5b45c;--dark-warn-weak: #3a2e17;--dark-ok: #79c283;--dark-ok-weak: #1c3220;--dark-piece-1: #2b4262;--dark-piece-2: #574329;--dark-piece-3: #324f35;--dark-piece-4: #573944;--dark-piece-5: #433b5f;--dark-piece-6: #524b25;--dark-piece-7: #2b504d;--dark-piece-8: #524236;--dark-piece-stroke: rgba(230, 232, 235, .45);--dark-offcut: #86a878;--dark-waste: #262a31;--dark-grid-minor: rgba(111, 163, 240, .035);--dark-grid-major: rgba(111, 163, 240, .07);--dark-shadow-sticky: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);--dark-accent-kbd-bg: rgba(13, 23, 38, .18);--dark-accent-kbd-border: rgba(13, 23, 38, .35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: var(--dark-bg);--surface: var(--dark-surface);--surface-2: var(--dark-surface-2);--line: var(--dark-line);--line-strong: var(--dark-line-strong);--text: var(--dark-text);--text-2: var(--dark-text-2);--accent: var(--dark-accent);--accent-hover: var(--dark-accent-hover);--accent-contrast: var(--dark-accent-contrast);--accent-weak: var(--dark-accent-weak);--danger: var(--dark-danger);--danger-weak: var(--dark-danger-weak);--warn: var(--dark-warn);--warn-weak: var(--dark-warn-weak);--ok: var(--dark-ok);--ok-weak: var(--dark-ok-weak);--piece-1: var(--dark-piece-1);--piece-2: var(--dark-piece-2);--piece-3: var(--dark-piece-3);--piece-4: var(--dark-piece-4);--piece-5: var(--dark-piece-5);--piece-6: var(--dark-piece-6);--piece-7: var(--dark-piece-7);--piece-8: var(--dark-piece-8);--piece-stroke: var(--dark-piece-stroke);--offcut: var(--dark-offcut);--waste: var(--dark-waste);--grid-minor: var(--dark-grid-minor);--grid-major: var(--dark-grid-major);--shadow-sticky: var(--dark-shadow-sticky);--accent-kbd-bg: var(--dark-accent-kbd-bg);--accent-kbd-border: var(--dark-accent-kbd-border)}}:root[data-theme=dark]{color-scheme:dark;--bg: var(--dark-bg);--surface: var(--dark-surface);--surface-2: var(--dark-surface-2);--line: var(--dark-line);--line-strong: var(--dark-line-strong);--text: var(--dark-text);--text-2: var(--dark-text-2);--accent: var(--dark-accent);--accent-hover: var(--dark-accent-hover);--accent-contrast: var(--dark-accent-contrast);--accent-weak: var(--dark-accent-weak);--danger: var(--dark-danger);--danger-weak: var(--dark-danger-weak);--warn: var(--dark-warn);--warn-weak: var(--dark-warn-weak);--ok: var(--dark-ok);--ok-weak: var(--dark-ok-weak);--piece-1: var(--dark-piece-1);--piece-2: var(--dark-piece-2);--piece-3: var(--dark-piece-3);--piece-4: var(--dark-piece-4);--piece-5: var(--dark-piece-5);--piece-6: var(--dark-piece-6);--piece-7: var(--dark-piece-7);--piece-8: var(--dark-piece-8);--piece-stroke: var(--dark-piece-stroke);--offcut: var(--dark-offcut);--waste: var(--dark-waste);--grid-minor: var(--dark-grid-minor);--grid-major: var(--dark-grid-major);--shadow-sticky: var(--dark-shadow-sticky);--accent-kbd-bg: var(--dark-accent-kbd-bg);--accent-kbd-border: var(--dark-accent-kbd-border)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.5;color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1px -1px;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:600}h1{font-size:var(--fs-lg);letter-spacing:-.01em}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:var(--space-2) 0}small{font-size:var(--fs-sm);color:var(--text-2)}a{color:var(--accent)}label{display:block;margin:var(--space-3) 0 var(--space-1);font-size:var(--fs-sm);font-weight:500;color:var(--text-2)}input,select,textarea,button{font:inherit;color:inherit}:where(input:not([type=checkbox]):not([type=radio])),select{height:var(--control-h);padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);max-width:100%;transition:border-color var(--t-fast),background-color var(--t-fast)}:where(input:not([type=checkbox]):not([type=radio])):hover,select:hover{border-color:var(--text-2)}select{padding-right:var(--space-5)}input[type=checkbox],input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--accent);vertical-align:-3px}:focus-visible{outline:var(--focus-ring);outline-offset:1px}input:focus-visible,select:focus-visible{border-color:var(--accent);outline-offset:0}input.bad,input.bad:hover{border-color:var(--danger);background:var(--danger-weak)}fieldset{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3) var(--space-3);border:1px solid var(--line);border-radius:var(--radius)}legend{padding:0 var(--space-1);font-size:var(--fs-sm);font-weight:500;color:var(--text-2)}summary{cursor:pointer;display:flex;align-items:center;gap:var(--space-2);list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"";flex:none;width:6px;height:6px;margin:0 var(--space-1);border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:rotate(-45deg);transition:transform var(--t-fast)}details[open]>summary:before{transform:rotate(45deg)}table{border-collapse:collapse}kbd{font-family:var(--font-mono);font-size:var(--fs-xs);padding:1px var(--space-1);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--fs-md);font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast)}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-2)}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary kbd{background:var(--accent-kbd-bg);border-color:var(--accent-kbd-border);color:inherit}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--accent-weak);border-color:transparent;color:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.app{max-width:1440px;margin:0 auto;padding:0 var(--space-4) var(--space-6)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--line-strong)}.app-title{display:flex;align-items:center;gap:var(--space-2);min-width:0}.app-mark{flex:none;color:var(--accent)}.app-header-right{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.app-meta{margin:0;display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-2)}.app-meta .section-title{margin:0}.app-user{margin:0;display:flex;align-items:center;gap:var(--space-2)}.app-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start}.input-panel,.result-panel{min-width:0}@media(min-width:1024px){.app{padding:0 var(--space-5) var(--space-6)}.app-grid{grid-template-columns:clamp(400px,32vw,440px) minmax(0,1fr);gap:var(--space-5)}.input-panel{position:sticky;top:var(--space-4);max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-sticky)}}@media(max-width:1023.98px){.app{padding-bottom:calc(var(--mobile-bar-h) + var(--space-4) + env(safe-area-inset-bottom))}html{scroll-padding-bottom:calc(var(--mobile-bar-h) + var(--space-4) + env(safe-area-inset-bottom))}}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;flex-direction:column;gap:var(--space-1);min-height:var(--mobile-bar-h);padding:var(--space-2) var(--space-4);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow-sticky)}.mobile-bar-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mobile-bar-price{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-bar-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.mobile-bar-value{font-size:var(--fs-lg);font-weight:600;white-space:nowrap}.mobile-bar-submit{flex:none;min-height:44px;padding:0 var(--space-4)}@media(hover:none){.mobile-bar-submit kbd{display:none}}.mobile-bar-solo .mobile-bar-row{justify-content:flex-end}@media(min-width:1024px){.mobile-bar{display:none}}