*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Menlo", "Consolas", monospace;--radius: 4px;--transition: .15s cubic-bezier(.33, 0, .67, 1)}:root,[data-theme=dark]{--bg: #1c1c1c;--surface: #232323;--surface2: #2c2c2c;--surface3: #383838;--border: #4a4a4a;--border-strong: #6a6a6a;--text: #f4f4f4;--text-dim: #b8b8b8;--text-muted: #8a8a8a;--accent: #FF6B1A;--accent-hover: #FF8542;--accent-fg: #1a1a1a;--focus-ring: #FF6B1A;--canvas-bg: #0e0e0e}[data-theme=light]{--bg: #f3f3f3;--surface: #fafafa;--surface2: #ededed;--surface3: #e0e0e0;--border: #bcbcbc;--border-strong: #999999;--text: #1a1a1a;--text-dim: #4a4a4a;--text-muted: #6b6b6b;--accent: #C0511A;--accent-hover: #E36321;--accent-fg: #ffffff;--focus-ring: #C0511A;--canvas-bg: #ffffff}*:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:focus-visible,select:focus-visible,[role=button]:focus-visible{outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-40px;left:8px;z-index:1000;background:var(--accent);color:var(--accent-fg);padding:8px 14px;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:13px;transition:top .12s}.skip-link:focus{top:8px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:12px;padding:9px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;-webkit-user-select:none;user-select:none}.topbar-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;text-align:center}.topbar-side{flex:1;display:flex;align-items:center}.topbar-side-right{justify-content:flex-end;gap:6px}.wall-type-tabs{display:flex;gap:0}.wall-type-tab{padding:6px 16px 11px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color var(--transition),border-color var(--transition);margin-bottom:-10px}.wall-type-tab:hover{color:var(--text)}.wall-type-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.wall-style-picker{display:inline-flex;align-items:center;gap:0;margin-left:16px;padding:2px;background:var(--panel-bg, rgba(255,255,255,.04));border:1px solid var(--panel-border, rgba(255,255,255,.08));border-radius:4px}.wall-style-tab{padding:4px 12px;background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--transition),background var(--transition);border-radius:3px}.wall-style-tab:hover{color:var(--text)}.wall-style-tab.active{color:var(--accent);background:#ffffff0f}.subtopbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;-webkit-user-select:none;user-select:none}.subtopbar-label{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.wall-count-tabs{display:flex;gap:2px;background:var(--surface2);border-radius:var(--radius);padding:2px}.wall-count-tab{min-width:40px;min-height:36px;padding:8px 0;background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;border-radius:3px;transition:background var(--transition),color var(--transition)}.wall-count-tab:hover{color:var(--text)}.wall-count-tab.active{background:var(--accent);color:var(--accent-fg)}.mode-toggle{display:flex;background:var(--surface2);border-radius:6px;padding:2px;gap:2px}.mode-btn{padding:5px 14px;border:none;background:transparent;color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer;border-radius:4px;letter-spacing:.04em;transition:background .12s,color .12s}.mode-btn.active{background:var(--accent);color:var(--accent-fg)}.backdrop-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:11px;padding:5px 8px;border-radius:var(--radius);cursor:pointer}.backdrop-select:hover{border-color:var(--border-strong)}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition)}.theme-toggle svg{width:18px;height:18px}@media (hover: none) and (pointer: coarse){.theme-toggle{width:44px;height:44px}}.theme-toggle:hover{background:var(--surface2);border-color:var(--border-strong)}.check-label.check-master{font-weight:600;font-size:12px;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.curve-layer{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.curve-layer-head{display:flex;align-items:center;gap:6px}.curve-layer-num{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.curve-layer-position{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}.curve-layer-head .crosstab-select{flex:1}.curve-layer-remove{background:transparent;border:1px solid var(--border);color:var(--text-dim);width:22px;height:22px;border-radius:var(--radius);cursor:pointer;font-size:14px;line-height:1;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition),color var(--transition),border-color var(--transition)}.curve-layer-remove:hover{background:var(--surface3);color:var(--text);border-color:var(--border-strong)}.curve-layer-add{width:100%;background:transparent;border:1px dashed var(--border-strong);color:var(--text-dim);font-family:inherit;font-size:12px;font-weight:500;padding:7px;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.curve-layer-add:hover{background:var(--surface2);color:var(--accent);border-color:var(--accent)}.curve-editor-wrap{position:relative;display:inline-block}.curve-editor{display:block;cursor:crosshair;border-radius:var(--radius);-webkit-user-select:none;user-select:none}.curve-editor.sketch{cursor:cell}.curve-editor-modes{display:flex;gap:0;margin-bottom:6px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface2)}.curve-editor-mode{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background:transparent;color:var(--text-dim);border:none;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition)}.curve-editor-mode:hover{color:var(--text)}.curve-editor-mode.active{background:var(--accent);color:var(--accent-fg)}.curve-editor-mode+.curve-editor-mode{border-left:1px solid var(--border)}.curve-editor-mode.active+.curve-editor-mode,.curve-editor-mode+.curve-editor-mode.active{border-left-color:var(--accent)}.preset-gallery{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:preset-fade-in .2s ease-out}[data-theme=light] .preset-gallery{background:#f3f3f3d9}@keyframes preset-fade-in{0%{opacity:0}to{opacity:1}}.preset-gallery-inner{max-width:880px;width:100%;text-align:center}.preset-gallery-title{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0 0 8px}.preset-gallery-sub{font-size:14px;color:var(--text-dim);margin:0 0 28px}.preset-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.preset-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color var(--transition),transform var(--transition),background var(--transition)}.preset-card:hover{border-color:var(--accent);background:var(--surface2)}.preset-card-swatch{width:100%;height:100px;border-radius:var(--radius);margin-bottom:12px;border:1px solid var(--border)}.preset-card-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text);margin-bottom:4px}.preset-card-desc{font-size:12px;color:var(--text-dim);line-height:1.4}.preset-gallery-skip{background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:13px;cursor:pointer;padding:8px 16px;text-decoration:underline}.preset-gallery-skip:hover{color:var(--text)}.cost-chip{position:fixed;right:360px;bottom:24px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 16px;display:flex;align-items:baseline;gap:10px;box-shadow:0 6px 18px #0000004d;z-index:15;pointer-events:none;-webkit-user-select:none;user-select:none}.cost-chip-amount{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--text);letter-spacing:-.01em;font-variant-numeric:tabular-nums;transition:color .18s}.cost-chip-amount.flash{color:var(--accent)}.cost-chip-detail{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.cost-headline{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:6px}.cost-amount{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.cost-detail{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.lumber-list{list-style:none;margin:0;padding:0;font-size:12px;color:var(--text)}.lumber-list li{padding:3px 0;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.lumber-list li:last-child{border-bottom:none}.cost-disclaimer{margin-top:6px;font-size:11px;color:var(--text-muted);font-style:italic}.cost-breakdown{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;margin:6px 0}.cost-breakdown div{display:flex;justify-content:space-between;padding:2px 0}.cost-breakdown div span:last-child{color:var(--text);font-weight:500}.export-row{display:flex;gap:6px}.export-row .export-btn{flex:1}.shuffle-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-fg);border:1px solid var(--accent);padding:9px 12px;border-radius:var(--radius);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:filter var(--transition)}.shuffle-btn:hover{filter:brightness(1.1)}.shuffle-btn:active{filter:brightness(.95)}.share-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--accent-fg);padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;z-index:1000;box-shadow:0 4px 12px #00000040;animation:share-toast-in .2s ease-out;pointer-events:none}.share-toast.error{background:#d13438;color:#fff}@keyframes share-toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.view-bar{display:flex;gap:4px;align-items:center;margin-left:auto}.view-btn{padding:5px 12px;border:1px solid var(--border);background:var(--surface2);color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer;border-radius:4px;letter-spacing:.05em;text-transform:uppercase;transition:background .12s,color .12s,border-color .12s}.view-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.view-btn.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.view-btn:disabled{opacity:.35;cursor:not-allowed}.proj-toggle{display:flex;margin-left:8px;background:var(--surface2);border-radius:4px;padding:2px;gap:2px}.proj-btn{padding:4px 9px;border:none;background:transparent;color:var(--text-dim);font-size:10px;font-weight:600;cursor:pointer;border-radius:3px;letter-spacing:.04em;text-transform:uppercase}.proj-btn.active{background:var(--accent);color:var(--accent-fg)}.reset-btn{width:100%;padding:7px 10px;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-size:10px;font-weight:600;cursor:pointer;border-radius:4px;letter-spacing:.07em;text-transform:uppercase;transition:border-color .12s,color .12s}.reset-btn:hover{border-color:var(--accent);color:var(--accent)}.main{position:relative;flex:1;overflow:hidden}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.dock{position:fixed;top:80px;bottom:16px;width:320px;display:flex;flex-direction:column;gap:12px;z-index:10;overflow-y:auto;overflow-x:visible;padding:0 16px 16px;pointer-events:none}.dock-left{left:0}.dock-right{right:0}.dock-slot{pointer-events:auto}.dock-slot.dragging{pointer-events:none}.floating-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000059,0 1px 3px #0003;display:flex;flex-direction:column;width:100%;overflow:hidden}.floating-panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface2);border-bottom:1px solid var(--border);cursor:move;-webkit-user-select:none;user-select:none}.floating-panel-title{margin:0;font-size:11px;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.floating-panel-collapse{background:transparent;border:1px solid var(--border);color:var(--text-dim);width:22px;height:22px;border-radius:3px;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background var(--transition),color var(--transition)}.floating-panel-collapse:hover{background:var(--surface3);color:var(--text)}.floating-panel-body{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.floating-panel.dragging{opacity:.92;box-shadow:0 12px 30px #00000080}.floating-panel-body .panel-group{border-bottom:none;padding-bottom:0}.floating-export{position:absolute;bottom:16px;right:16px;z-index:30;display:flex;gap:8px}.panel-group{display:flex;flex-direction:column;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.panel-group:last-child{border-bottom:none;padding-bottom:0}.panel-group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);padding:2px 0 4px}.sidebar-section{display:flex;flex-direction:column;gap:11px}.sidebar-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding-bottom:5px;border-bottom:1px solid var(--border)}.slider-row{display:flex;flex-direction:column;gap:5px}.slider-header{display:flex;justify-content:space-between;align-items:baseline}.slider-name{font-size:11px;color:var(--text)}.slider-val{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.slider-track-wrap{position:relative}.slider-detents{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none;height:0}.slider-detent{position:absolute;top:0;width:6px;height:6px;margin-left:-3px;margin-top:-3px;border-radius:50%;background:var(--muted);border:none;padding:0;cursor:pointer;pointer-events:auto;opacity:.55;transition:opacity .1s,transform .1s,background .1s}.slider-detent:hover{opacity:1;transform:scale(1.4);background:var(--accent)}.slider-detent.active{background:var(--accent);opacity:1}.slider-val-clickable{cursor:text;border-bottom:1px dotted transparent}.slider-val-clickable:hover{border-bottom-color:var(--accent)}.slider-val-input{background:transparent;border:1px solid var(--accent);border-radius:3px;color:var(--accent);font-family:inherit;font-size:10px;font-variant-numeric:tabular-nums;text-align:right;width:50px;padding:1px 4px;outline:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer;transition:background .1s,transform .1s}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer}.color-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.color-row-label{font-size:11px;color:var(--muted);width:44px;flex-shrink:0}.color-swatches{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .1s,transform .1s}.color-swatch.active{border-color:var(--accent)}.color-swatch:hover{transform:scale(1.2)}.color-custom{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0}.color-custom::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.color-custom::-webkit-color-swatch{border:none;border-radius:50%}.seg-control{display:flex;background:var(--surface2);border-radius:6px;padding:2px;gap:2px}.seg-btn{flex:1;padding:5px 8px;border:none;background:transparent;color:var(--text-dim);font-size:10px;font-weight:600;cursor:pointer;border-radius:4px;letter-spacing:.04em;transition:background .12s,color .12s;white-space:nowrap}.seg-btn.active{background:var(--accent);color:var(--accent-fg)}.check-row{display:flex;gap:12px;padding:4px 0}.check-label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.check-label input[type=checkbox]{width:12px;height:12px;accent-color:var(--accent);cursor:pointer}.walls-crosstab{display:grid;column-gap:6px;row-gap:5px;align-items:center;font-size:11px}.walls-crosstab .crosstab-section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);padding:8px 0 2px;border-bottom:1px solid var(--border);margin-bottom:2px}.walls-crosstab .crosstab-row-label{font-size:11px;color:var(--text-dim);padding-right:4px}.walls-crosstab .crosstab-wall-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);text-align:center;padding-bottom:4px;border-bottom:1px solid var(--border)}.walls-crosstab .crosstab-cell{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-dim)}.walls-crosstab .crosstab-cell.muted{color:var(--text-muted);font-style:italic}.walls-crosstab .crosstab-cell input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.walls-crosstab .cross-slider{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0}.walls-crosstab .cross-slider .slider-val{text-align:center;font-size:9px;min-width:0}.walls-crosstab .cross-slider input[type=range]{width:100%;height:14px}.walls-crosstab .color-row{margin:0}.walls-crosstab .seg-control.mini-seg{padding:1px;gap:1px}.walls-crosstab .seg-control.mini-seg .seg-btn{padding:3px 4px;font-size:9px;letter-spacing:0}.walls-crosstab .crosstab-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:10px;padding:3px 4px;border-radius:3px;cursor:pointer;width:100%;min-width:0}.walls-crosstab .crosstab-select:focus{outline:1px solid var(--accent);outline-offset:-1px}.input-mode-header{display:flex;align-items:center;gap:8px;padding-bottom:5px;border-bottom:1px solid var(--border)}.input-mode-header .sidebar-label{padding-bottom:0;border-bottom:none}.input-mode-header .seg-control{flex-shrink:0}.derived-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;padding-right:2px}.crosstab-header{display:flex;align-items:baseline;gap:4px;padding-bottom:5px;border-bottom:1px solid var(--border)}.crosstab-wall-label{width:72px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);text-align:center;flex-shrink:0}.crosstab-grid{display:grid;grid-template-columns:auto 72px 72px;gap:10px 4px;align-items:center}.crosstab-row-label{font-size:10px;color:var(--text);white-space:nowrap}.cross-slider{display:flex;flex-direction:column;gap:3px;align-items:center}.cross-slider .slider-val{min-width:unset;text-align:center}.toggle-group{display:flex;gap:12px}.toggle-row{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label{font-size:11px;color:var(--text)}.toggle-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.export-btn{margin-top:auto;padding:9px 12px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.07em;text-transform:uppercase;transition:background .12s,color .12s}.export-btn:hover{background:var(--accent);color:var(--accent-fg)}