:root{--bg: #0f172a;--bg-panel: #111c33;--bg-elev: #172342;--bg-input: #0b1326;--border: #27365c;--text: #e5e9f2;--text-muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--ok: #34d399;--warn: #fbbf24;--err: #f87171;--info: #818cf8;--cut: #ff5555;--score: #60a5fa;--engrave: #e2e8f0;--raster: #4ade80;--keepout: rgba(251, 191, 36, .18);--radius: 6px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:600}h2{font-size:15px}h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:8px 0 4px}p{margin:4px 0}.muted{color:var(--text-muted)}.mono{font-family:var(--mono)}code{font-family:var(--mono);background:var(--bg-input);padding:1px 4px;border-radius:3px}.app{height:100%;display:grid;grid-template-rows:40px 1fr;grid-template-columns:1fr}.app-main{display:grid;grid-template-columns:290px 1fr 300px;grid-template-rows:minmax(0,1fr) 300px;grid-template-areas:"sidebar preview inspector" "sidebar beds inspector";min-height:0}.app-main.ai-open{grid-template-columns:290px 1fr 300px 340px;grid-template-areas:"sidebar preview inspector ai" "sidebar beds inspector ai"}.sidebar{grid-area:sidebar;overflow:auto;border-right:1px solid var(--border);background:var(--bg-panel);padding:8px 10px 20px}.preview{grid-area:preview;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.inspector{grid-area:inspector;overflow:auto;border-left:1px solid var(--border);background:var(--bg-panel);padding:8px 10px 20px}.beds{grid-area:beds;border-top:1px solid var(--border);background:var(--bg-panel);display:flex;flex-direction:column;min-height:0}.ai-panel{grid-area:ai;border-left:1px solid var(--border);background:var(--bg-panel);display:flex;flex-direction:column;min-height:0}@media(max-width:1100px){.app-main,.app-main.ai-open{grid-template-columns:260px 1fr;grid-template-rows:minmax(0,1fr) 260px auto;grid-template-areas:"sidebar preview" "sidebar beds" "inspector inspector"}.ai-panel{position:fixed;right:0;top:40px;bottom:0;width:340px;z-index:20;box-shadow:-8px 0 24px #0006}}.status-bar{display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.status-bar .brand{font-weight:700;letter-spacing:.02em;color:var(--accent)}.status-bar .project-name{background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:3px 6px;min-width:120px;max-width:260px}.status-bar .project-name:hover,.status-bar .project-name:focus{border-color:var(--border);background:var(--bg-input)}.status-bar .spacer{flex:1}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px;white-space:nowrap}.status-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-pill[data-state=ok] .dot{background:var(--ok)}.status-pill[data-state=warn] .dot{background:var(--warn)}.status-pill[data-state=err] .dot{background:var(--err)}.status-pill[data-state=busy] .dot{background:var(--accent);animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.4}to{opacity:1}}button{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:4px 10px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#04131f;font-weight:600}button.danger{border-color:var(--err);color:var(--err)}button.small{padding:2px 6px;font-size:12px}.icon-button{background:transparent;border:none;padding:0 6px;font-size:16px;line-height:1;color:var(--text-muted)}.icon-button:hover{color:var(--text)}.link-button{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer}.button-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.segmented button{border:none;border-radius:0;background:transparent}.segmented button[aria-pressed=true]{background:var(--accent-strong);color:#04131f}input[type=number],input[type=text],input[type=url],select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:4px 6px;width:100%;min-width:0}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=range]{flex:1;min-width:60px}.field{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:6px;margin:4px 0}.field-label{color:var(--text-muted)}.field-control{display:flex;align-items:center;gap:6px}.field-control input[type=number]{width:84px;flex:0 0 auto}.field-unit{color:var(--text-muted);font-size:12px;min-width:24px}.checkbox{display:flex;align-items:center;gap:6px;margin:4px 0}.panel{border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin:8px 0;background:var(--bg-elev)}.panel summary{cursor:pointer;font-weight:600;list-style:none}.panel summary::-webkit-details-marker{display:none}.panel summary:before{content:"▸ ";color:var(--text-muted)}.panel[open] summary:before{content:"▾ "}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px}.kv dt{color:var(--text-muted)}.kv dd{margin:0;font-family:var(--mono)}.diagnostics{list-style:none;margin:4px 0;padding:0}.diag{display:grid;grid-template-columns:auto 1fr auto;gap:6px;padding:4px 6px;border-left:3px solid var(--text-muted);margin:3px 0;background:var(--bg-input);border-radius:0 var(--radius) var(--radius) 0}.diag-error{border-left-color:var(--err)}.diag-warning{border-left-color:var(--warn)}.diag-info{border-left-color:var(--info)}.diag-code{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.diagnostics.compact .diag{grid-template-columns:1fr auto}.diagnostics.compact .diag-code{display:none}.preview-toolbar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);flex-wrap:wrap}.preview-canvas{flex:1;min-height:0;position:relative;overflow:hidden;background:linear-gradient(var(--border) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(90deg,var(--border) 1px,transparent 1px) 0 0 / 20px 20px,var(--bg);background-blend-mode:soft-light}.preview-canvas svg{width:100%;height:100%;display:block;touch-action:none}.preview-canvas .outline{fill:#38bdf80f;stroke:var(--cut);stroke-width:.3;vector-effect:non-scaling-stroke}.preview-canvas .hole{fill:var(--bg);stroke:var(--cut);vector-effect:non-scaling-stroke}.preview-canvas .art-cut{fill:none;stroke:var(--cut);vector-effect:non-scaling-stroke}.preview-canvas .art-score{fill:none;stroke:var(--score);vector-effect:non-scaling-stroke}.preview-canvas .art-engrave-vector{fill:#e2e8f059;stroke:var(--engrave);vector-effect:non-scaling-stroke}.preview-canvas .keepout{fill:var(--keepout);stroke:var(--warn);stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.preview-canvas .raster-box{fill:#4ade801a;stroke:var(--raster);vector-effect:non-scaling-stroke}.preview-canvas .selected{stroke:var(--accent)!important;stroke-width:2!important}.preview-canvas .handle{fill:var(--accent);stroke:#04131f;vector-effect:non-scaling-stroke;cursor:nwse-resize}.preview-canvas .dim-label{fill:var(--text-muted);font-size:11px;font-family:var(--mono)}.preview-canvas .dim-line{stroke:var(--text-muted);vector-effect:non-scaling-stroke}.preview-canvas .part-label{fill:var(--text-muted);font-size:11px}.preview-empty{display:grid;place-items:center;height:100%;color:var(--text-muted)}.beds-toolbar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);flex-wrap:wrap}.bed-tabs{display:flex;gap:4px}.bed-tabs button[aria-selected=true]{background:var(--accent-strong);color:#04131f}.bed-canvas{flex:1;min-height:0;position:relative}.bed-canvas svg{width:100%;height:100%;display:block;touch-action:none}.bed-canvas .bed-rect{fill:#0b1326;stroke:var(--text-muted);vector-effect:non-scaling-stroke}.bed-canvas .bed-usable{fill:none;stroke:var(--border);stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.bed-canvas .placed{cursor:grab}.bed-canvas .placed .outline{fill:#38bdf81a;stroke:var(--cut);vector-effect:non-scaling-stroke}.bed-canvas .placed.locked .outline{fill:#fbbf241f;stroke:var(--warn)}.bed-canvas .placed.selected .outline{stroke:var(--accent);stroke-width:2}.bed-canvas .placed.invalid .outline{stroke:var(--err);fill:#f8717133}.bed-canvas .placed .op{fill:none;stroke:var(--engrave);opacity:.7;vector-effect:non-scaling-stroke}.bed-canvas .placed .op-cut{stroke:var(--cut)}.bed-canvas .placed .op-score{stroke:var(--score)}.bed-canvas .placed .raster-box{fill:#4ade8026;stroke:var(--raster);vector-effect:non-scaling-stroke}.bed-canvas .part-label{fill:var(--text);font-size:10px;pointer-events:none}.dialog{background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:0;width:min(560px,92vw);max-height:88vh;display:flex;flex-direction:column}.dialog-wide{width:min(860px,94vw)}.dialog::backdrop{background:#020617b3}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.dialog-body{padding:12px 16px;overflow:auto}.dialog-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.table th{color:var(--text-muted);font-weight:600;font-size:12px}.toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:100;max-width:min(600px,90vw)}.toast{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);box-shadow:0 8px 24px #0006}.toast-success{border-color:var(--ok)}.toast-warning{border-color:var(--warn)}.toast-error{border-color:var(--err)}.ai-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border)}.ai-history{flex:1;overflow:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.ai-msg{padding:6px 8px;border-radius:var(--radius);white-space:pre-wrap;max-width:100%}.ai-msg-user{background:var(--bg-elev);align-self:flex-end}.ai-msg-assistant{background:var(--bg-input);border:1px solid var(--border)}.ai-msg-error{border:1px solid var(--err);color:var(--err)}.ai-proposal{margin:8px 10px;padding:8px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg-elev)}.ai-proposal ul{margin:4px 0;padding-left:18px}.ai-compose{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-top:1px solid var(--border)}.ai-compose textarea{resize:vertical;min-height:60px}.art-list{list-style:none;margin:4px 0;padding:0}.art-list li{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius);cursor:pointer}.art-list li:hover{background:var(--bg-elev)}.art-list li[aria-selected=true]{background:var(--bg-elev);outline:1px solid var(--accent)}.art-list .kind{font-family:var(--mono);font-size:11px;color:var(--text-muted);width:44px}.raster-preview{max-width:100%;image-rendering:pixelated;border:1px solid var(--border);background:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fatal{padding:40px;color:var(--err)}.preview-canvas .edge-open-line{stroke:var(--warn);stroke-dasharray:4 3;stroke-width:2;vector-effect:non-scaling-stroke}.preview-canvas .edge-label{fill:var(--warn);font-size:11px;font-style:italic}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.template-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:var(--bg-input);text-align:center}.template-card:hover{background:var(--bg-elev)}.template-name{font-size:12px;font-weight:600}.template-dims{font-size:10px;color:var(--text-muted)}.overlay-full{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;flex-direction:column}.viewer3d{display:flex;flex-direction:column;height:100%;min-height:0}.viewer3d-toolbar{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--bg-elev);flex-wrap:wrap}.viewer3d-toolbar .spacer{flex:1}.viewer3d-body{display:grid;grid-template-columns:1fr 240px;flex:1;min-height:0}.viewer3d-canvas{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#1b2a4d 0%,var(--bg) 70%)}.viewer3d-canvas svg{display:block;touch-action:none;cursor:grab}.viewer3d-canvas svg:active{cursor:grabbing}.viewer3d-parts{border-left:1px solid var(--border);padding:8px 10px;overflow:auto;background:var(--bg-panel)}@media(max-width:800px){.viewer3d-body{grid-template-columns:1fr}.viewer3d-parts{display:none}}.tooltip{position:fixed;inset:auto;margin:0;z-index:1000;max-width:300px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#1e293b;color:var(--text);font-size:12px;line-height:1.4;box-shadow:0 8px 24px #00000073;pointer-events:none;display:flex;flex-direction:column;gap:4px;overflow:visible}.tooltip:popover-open{display:flex}.tooltip::backdrop{display:none}.tooltip-text{white-space:normal}.tooltip-link{pointer-events:auto;color:var(--accent);font-size:11px;text-decoration:none;align-self:flex-start}.tooltip-link:hover{text-decoration:underline}.tooltip:before{content:"";position:absolute;left:50%;width:8px;height:8px;background:#1e293b;border:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.tooltip[data-side=below]:before{top:-5px;border-right:none;border-bottom:none}.tooltip[data-side=above]:before{bottom:-5px;border-left:none;border-top:none}.help{height:100%;display:grid;grid-template-rows:48px minmax(0,1fr);background:var(--bg)}.help-header{display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.help-brand{text-decoration:none;color:inherit;font-size:15px;white-space:nowrap}.help-search{flex:1;display:flex;align-items:center;gap:8px;max-width:640px}.help-search input[type=search]{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;font-size:14px}.help-search input[type=search]:focus{outline:2px solid var(--accent);outline-offset:-1px}.help-back{color:var(--accent);text-decoration:none;white-space:nowrap;margin-left:auto}.help-back:hover{text-decoration:underline}.help-body{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:0}.help-toc{overflow:auto;border-right:1px solid var(--border);background:var(--bg-panel);padding:12px 10px 24px}.help-toc-group h3{margin:10px 6px 4px}.help-toc ul{list-style:none;margin:0;padding:0}.help-toc a{display:block;padding:4px 8px;border-radius:var(--radius);color:var(--text);text-decoration:none;border-left:2px solid transparent}.help-toc a:hover{background:var(--bg-elev)}.help-toc a.active{border-left-color:var(--accent);background:var(--bg-elev);color:var(--accent)}.help-content{overflow:auto;padding:20px 36px 80px;scroll-padding-top:16px;font-size:14px;line-height:1.55}.help-content h1{font-size:26px;margin-bottom:6px}.help-intro{max-width:820px;margin-bottom:24px}.help-section{max-width:880px;padding:18px 0 10px;border-top:1px solid var(--border);scroll-margin-top:12px}.help-section:target{animation:help-flash 1.2s ease-out}@keyframes help-flash{0%{background:#38bdf81f}to{background:transparent}}.help-section-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.help-section-header h2{font-size:20px;flex:1}.help-group-tag{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.help-copy{color:var(--text-muted)}.help-summary{color:var(--text-muted);margin:4px 0 10px}.help-content p{margin:8px 0}.help-content ul,.help-content ol{margin:8px 0;padding-left:22px}.help-content li{margin:4px 0}.help-kv{margin:8px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.help-kv-row{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:12px;padding:7px 10px;border-top:1px solid var(--border)}.help-kv-row:first-child{border-top:none}.help-kv-row:nth-child(odd){background:var(--bg-panel)}.help-kv dt{font-weight:600}.help-kv dd{margin:0}.help-table-wrap{overflow-x:auto;margin:8px 0}.help-table{width:100%;border-collapse:collapse;font-size:13px}.help-table th,.help-table td{text-align:left;vertical-align:top;padding:6px 8px;border-bottom:1px solid var(--border)}.help-table th{color:var(--text-muted);font-weight:600;font-size:12px}.help-table td[data-severity=error]{color:var(--err)}.help-table td[data-severity=warning]{color:var(--warn)}.help-table td[data-severity=info]{color:var(--info)}kbd{font-family:var(--mono);font-size:12px;background:var(--bg-input);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 6px;white-space:nowrap}.help-note{display:grid;grid-template-columns:auto 1fr;gap:10px;margin:10px 0;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);border-left-width:4px;background:var(--bg-panel)}.help-note-info{border-left-color:var(--accent)}.help-note-warning{border-left-color:var(--warn)}.help-note-safety{border-left-color:var(--err)}.help-results .help-result-list{list-style:none;padding:0;margin:8px 0 16px;max-width:880px}.help-result{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);margin:6px 0;background:var(--bg-panel)}.help-result>a{display:flex;gap:10px;align-items:baseline;color:var(--text);text-decoration:none;font-size:16px}.help-result>a:hover strong{color:var(--accent)}.help-result .help-summary{margin:4px 0}.help-snippet{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.help-results-full{max-width:880px}.help-results-full>summary{cursor:pointer;color:var(--accent);margin:8px 0}mark{background:#fbbf2459;color:inherit;border-radius:2px;padding:0 1px}.help-footer{margin-top:40px;border-top:1px solid var(--border);padding-top:12px;max-width:880px}@media(max-width:900px){.help-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.help-toc{border-right:none;border-bottom:1px solid var(--border);max-height:160px}.help-toc-group{display:inline-block;vertical-align:top;margin-right:16px}.help-content{padding:16px}.help-kv-row{grid-template-columns:1fr;gap:2px}.help-back{display:none}}@media print{.help{height:auto;display:block;background:#fff;color:#000}.help-header,.help-toc,.help-copy,.tooltip{display:none!important}.help-body{display:block}.help-content{overflow:visible;padding:0;color:#000}.help-section,.help-note,.help-kv,.help-result{break-inside:avoid;background:#fff;color:#000}.help-summary,.help-group-tag,.muted{color:#444}}.help-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--bg-input);color:var(--accent);font-size:12px;font-weight:700;line-height:1;vertical-align:middle;cursor:help}.help-mark:hover,.help-mark[aria-expanded=true]{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong)}.section-help-pop{position:fixed;z-index:1000;max-width:340px;padding:10px 12px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg-elev);box-shadow:0 8px 24px #00000073;font-size:13px;line-height:1.45}.section-help-pop p{margin:6px 0}.section-help-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.checkbox-row{display:flex;flex-wrap:wrap;gap:2px 12px}.button-row.wrap{flex-wrap:wrap}.feature-editor{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.preview-canvas .face-region{fill:none;stroke:var(--accent);stroke-width:.6;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.panel summary .summary-note{font-weight:400;font-size:12px;margin-left:6px}.export-op{border:1px solid var(--border);border-radius:6px;margin:6px 0;padding:4px 10px 6px}.export-op legend{padding:0 4px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.export-op .field{margin:2px 0}.beds-overlay{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;background:var(--bg-panel)}.beds-overlay-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0}.beds-overlay-body .bed-canvas{background:var(--bg)}.beds-overlay-side{border-left:1px solid var(--border);overflow:auto;padding:8px 10px 20px;min-height:0}.bed-parts-list tbody tr{cursor:pointer}.bed-parts-list tbody tr:hover{background:var(--bg-input)}.bed-parts-list tbody tr.selected{background:#38bdf82e}.bed-parts-list tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.part-state{font-size:11px;padding:1px 6px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.part-state-pinned,.part-state-placed{color:var(--warn);border-color:var(--warn)}.part-state-invalid{color:var(--err);border-color:var(--err)}@media(max-width:900px){.beds-overlay-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.beds-overlay-side{border-left:none;border-top:1px solid var(--border);max-height:40vh}}.lead-text{font-size:14px;margin:0 0 8px}.safety-rules{margin:4px 0;padding-left:20px}.safety-rules li{margin:4px 0}.safety-rules li::marker{color:var(--warn)}