:root{--chrome-bg: #1f2330;--chrome-bg-2: #272c3a;--chrome-border: #353b4d;--text: #e7e9ee;--text-dim: #9aa1b2;--accent: #3b82f6;--accent-strong: #1d4ed8;--danger: #ef4444;--plan-bg: #fafaf9;--grid-minor: #ececec;--grid-major: #d6d6d6;--grid-coarse: #b9b9b9;--wall-fill: #6b7280;--wall-stroke: #374151;--wall-fill-sel: #3b82f6;--wall-stroke-sel: #1d4ed8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 12px;background:var(--chrome-bg);border-bottom:1px solid var(--chrome-border);position:relative}.topbar-brand{display:flex;align-items:baseline;gap:10px}.topbar-docname{color:var(--text-dim);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:6px}.topbar-divider{width:1px;height:22px;background:var(--chrome-border);margin:0 4px}.topbar button{background:var(--chrome-bg-2);color:var(--text);border:1px solid var(--chrome-border);border-radius:6px;padding:5px 11px;cursor:pointer;font-size:13px}.topbar button:hover:not(:disabled){border-color:var(--accent)}.topbar button:disabled{opacity:.4;cursor:default}.export-menu{position:relative;display:inline-flex}.export-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:flex;flex-direction:column;gap:4px;min-width:180px;background:#181c26f7;border:1px solid var(--chrome-border);border-radius:10px;padding:8px;box-shadow:0 8px 24px #00000073}.export-popover button{text-align:left;width:100%}.export-transparent{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:4px 2px 0;font-size:12px;color:var(--text-dim, #9aa1b2);cursor:pointer}.topbar-error{position:absolute;top:52px;right:12px;z-index:20;display:flex;align-items:center;gap:10px;max-width:380px;background:#3a1d24;border:1px solid var(--danger);color:#ffd9d9;padding:8px 12px;border-radius:8px;box-shadow:0 6px 20px #00000059}.topbar-error button{background:transparent;border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.workspace{flex:1;display:flex;min-height:0}.toolbar{width:80px;flex:none;background:var(--chrome-bg);border-right:1px solid var(--chrome-border);display:flex;flex-direction:column;gap:6px;padding:8px;overflow-y:auto;min-height:0}.tool-button{flex:none}.tool-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:var(--chrome-bg-2);color:var(--text-dim);border:1px solid var(--chrome-border);border-radius:8px;cursor:pointer}.tool-button:hover{color:var(--text);border-color:var(--accent)}.tool-button.active{color:#fff;background:var(--accent);border-color:var(--accent-strong)}.tool-label{font-size:12px}.tool-shortcut{position:absolute;top:3px;right:5px;font-size:10px;opacity:.7}.plan{position:relative;flex:1;min-width:0;background:var(--plan-bg);overflow:hidden}.plan-svg{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.plan-bg{fill:var(--plan-bg)}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-default{cursor:default}.grid line{stroke-width:1;shape-rendering:crispEdges}.grid-minor line{stroke:var(--grid-minor)}.grid-major line{stroke:var(--grid-major)}.grid-coarse line{stroke:var(--grid-coarse)}.wall{fill:var(--wall-fill);stroke:var(--wall-stroke);stroke-width:1}.wall.selected{fill:var(--wall-fill-sel);stroke:var(--wall-stroke-sel);stroke-width:2}.preview-line{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4}.overlay .handle{fill:#fff;stroke:var(--accent-strong);stroke-width:2;cursor:pointer}.overlay .snap-ring{fill:none;stroke:#16a34a;stroke-width:2}.length-label rect{fill:#111827;opacity:.88}.length-label text{fill:#fff;font-size:12px;font-weight:600}.dim-label rect{fill:#0f1117;opacity:.7}.dim-label text{fill:#cdd3e0;font-size:11px;font-weight:500}.ceiling-light-symbol circle,.ceiling-light-symbol line{stroke:#d8b24a;stroke-width:1.5;fill:none}.ceiling-light-symbol.selected circle,.ceiling-light-symbol.selected line{stroke:var(--accent);stroke-width:2}.ceiling-light-symbol.ghost circle,.ceiling-light-symbol.ghost line{stroke:#d8b24a;opacity:.55;stroke-dasharray:3 3}.plan-hint{position:absolute;left:12px;bottom:12px;background:#111827d1;color:#e7e9ee;font-size:12px;padding:6px 10px;border-radius:6px;pointer-events:none}.plan-empty-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:var(--text-dim);opacity:.5;font-size:18px;font-weight:500;letter-spacing:.01em;-webkit-user-select:none;user-select:none;text-align:center}.properties{width:264px;background:var(--chrome-bg);border-left:1px solid var(--chrome-border);padding:14px;overflow-y:auto}.properties-title{margin:0 0 14px;font-size:15px}.properties-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.field{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label{color:var(--text-dim);font-size:13px}.field-input{display:inline-flex;align-items:center;gap:6px}.field-input input{width:88px;background:var(--chrome-bg-2);color:var(--text);border:1px solid var(--chrome-border);border-radius:6px;padding:5px 8px;font-size:13px}.field-input input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.field-select{background:var(--chrome-bg-2);color:var(--text);border:1px solid var(--chrome-border);border-radius:6px;padding:5px 8px;font-size:13px;min-width:120px}.field-select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.field-unit{color:var(--text-dim);font-size:12px;width:14px}.danger-button{width:100%;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:6px;padding:8px;cursor:pointer;font-size:13px}.danger-button:hover{background:var(--danger);color:#fff}.properties-empty{color:var(--text-dim);font-size:13px;line-height:1.5}.properties-empty ul{padding-left:18px}.properties-empty li{margin-bottom:8px}kbd{background:var(--chrome-bg-2);border:1px solid var(--chrome-border);border-radius:4px;padding:1px 5px;font-size:11px;font-family:inherit}button:focus-visible,.tool-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panes{flex:1;display:flex;min-width:0;position:relative}.panes>.plan,.panes>.preview{flex:1 1 0;min-width:0}.panes>.plan+.preview{border-left:1px solid var(--chrome-border)}.preview{position:relative;flex:1;min-width:0;background:#0f1117;overflow:hidden}.preview canvas{display:block;touch-action:none}.viewbar{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px;padding:6px;background:#181c26e6;border:1px solid var(--chrome-border);border-radius:10px;box-shadow:0 4px 16px #00000059}.viewbar-fit{background:var(--chrome-bg-2);color:var(--text);border:1px solid var(--chrome-border);border-radius:6px;padding:5px 11px;cursor:pointer;font-size:13px}.viewbar-fit:hover{border-color:var(--accent)}.viewbar-export{display:inline-flex;align-items:center;gap:6px}.viewbar-transparent{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-dim, #9aa1b2);cursor:pointer;white-space:nowrap}.seg{display:inline-flex;background:var(--chrome-bg-2);border:1px solid var(--chrome-border);border-radius:7px;padding:2px;gap:2px}.seg-button{background:transparent;color:var(--text-dim);border:none;border-radius:5px;padding:4px 11px;cursor:pointer;font-size:13px}.seg-button:hover{color:var(--text)}.seg-button.active{background:var(--accent);color:#fff}.seg-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.floor{stroke:#0000002e;stroke-width:1}.floor.selected{stroke:var(--accent);stroke-width:2}.window-symbol line{stroke:#374151;stroke-width:1.2}.window-symbol.selected line{stroke:var(--accent);stroke-width:2}.window-symbol.ghost-valid line{stroke:#16a34a;stroke-width:1.5}.window-symbol.ghost-invalid line{stroke:#dc2626;stroke-width:1.5;stroke-dasharray:4 3}.side-highlight{fill:var(--accent);opacity:.42;pointer-events:none}.floor-preview polyline{fill:#3b82f614;stroke:var(--accent);stroke-width:2}.floor-preview circle{fill:#fff;stroke:var(--accent);stroke-width:1.5}.floor-edge{stroke:var(--accent);stroke-width:2}.floor-close{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 4;opacity:.6}.overlay .floor-start{fill:#fff;stroke:var(--accent);stroke-width:2}.properties-hint{color:var(--text-dim);font-size:12px;line-height:1.5;margin:0 0 12px}.properties-subhead{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:4px 0 8px}.picker-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0}.chip-row{display:flex;gap:8px;margin-bottom:16px}.mat-chip{display:flex;align-items:center;gap:8px;flex:1;background:var(--chrome-bg-2);border:1px solid var(--chrome-border);border-radius:8px;padding:8px;cursor:pointer;color:var(--text);text-align:left}.mat-chip:hover,.mat-chip.active{border-color:var(--accent)}.mat-chip-text{display:flex;flex-direction:column;min-width:0}.mat-chip-label{font-size:12px;color:var(--text-dim)}.mat-chip-value{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matpicker{display:flex;flex-direction:column;gap:16px}.matpicker-heading{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 8px}.swatch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.swatch{width:100%;aspect-ratio:1;border-radius:5px;border:1px solid rgba(0,0,0,.35);cursor:pointer;padding:0}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.matpicker .react-colorful{width:100%;height:150px}.hex-row{display:flex;align-items:center;gap:6px;margin-top:10px;background:var(--chrome-bg-2);border:1px solid var(--chrome-border);border-radius:6px;padding:4px 8px}.hex-hash{color:var(--text-dim)}.hex-row input{flex:1;background:transparent;border:none;color:var(--text);font-size:13px;text-transform:uppercase;outline:none;width:100%}.pattern-list{display:flex;flex-direction:column;gap:6px}.pattern-row{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--chrome-border);border-radius:8px}.pattern-row.active{border-color:var(--accent)}.pattern-thumb{padding:0;border:none;background:none;cursor:pointer;line-height:0}.pattern-name{flex:1;font-size:13px}.pattern-color{line-height:0}.pattern-color input[type=color]{width:26px;height:26px;border:1px solid var(--chrome-border);border-radius:5px;background:none;padding:0;cursor:pointer}.door-symbol line,.door-symbol path{stroke:#374151;stroke-width:1.2;fill:none}.door-symbol .door-arc{fill:none}.door-symbol.selected line,.door-symbol.selected path{stroke:var(--accent);stroke-width:2}.door-symbol.ghost-valid line,.door-symbol.ghost-valid path{stroke:#16a34a;stroke-width:1.5;fill:none}.door-symbol.ghost-invalid line,.door-symbol.ghost-invalid path{stroke:#dc2626;stroke-width:1.5;stroke-dasharray:4 3;fill:none}.door-symbol .door-track{stroke-dasharray:3 2}.door-symbol polygon.door-panel{fill:#3741512e;stroke:#374151;stroke-width:1.2}.door-symbol.selected polygon.door-panel{fill:#2563eb33;stroke:var(--accent);stroke-width:2}.door-symbol.ghost-valid polygon.door-panel{fill:#16a34a26;stroke:#16a34a}.door-symbol.ghost-invalid polygon.door-panel{fill:#dc26261f;stroke:#dc2626}.window-symbol.warn line{stroke:var(--danger);stroke-width:2}.door-symbol.warn line,.door-symbol.warn path{stroke:var(--danger);stroke-width:2}.door-symbol.warn polygon.door-panel{fill:#dc262629;stroke:var(--danger);stroke-width:2}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.toggle-row .field-label{color:var(--text-dim);font-size:13px}.furn-outline{stroke:#39404d;stroke-width:1.2;fill-opacity:.5}.furn-glyph line,.furn-glyph rect,.furn-glyph circle,.furn-glyph path{stroke:#2c3340;stroke-width:1;fill:none}.furn.selected .furn-outline{stroke:var(--accent);stroke-width:2}.furn.selected .furn-glyph line,.furn.selected .furn-glyph rect,.furn.selected .furn-glyph circle,.furn.selected .furn-glyph path{stroke:var(--accent-strong)}.furn-ghost{opacity:.6}.furn-ghost .furn-outline{stroke:#16a34a;stroke-width:1.5}.wall-mount-rect{stroke:#6d28d9;stroke-width:1.4;fill-opacity:.55}.wall-mount-dot{fill:#6d28d9;stroke:none}.wall-mount-symbol.selected .wall-mount-rect{stroke:var(--accent);stroke-width:2.2}.wall-mount-symbol.selected .wall-mount-dot{fill:var(--accent)}.wall-mount-symbol.ghost{opacity:.6}.wall-mount-symbol.ghost .wall-mount-rect{stroke:#16a34a;stroke-width:1.5}.wall-mount-symbol.ghost .wall-mount-dot{fill:#16a34a}.palette{display:flex;flex-direction:column;gap:4px}.palette-group{display:flex;flex-direction:column}.palette-group-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px;font-size:12px;font-weight:600;text-align:left;color:var(--text);background:var(--chrome-bg-2);border:1px solid var(--chrome-border);border-radius:8px;cursor:pointer}.palette-group-header:hover{border-color:var(--accent)}.palette-group-header.open{border-color:var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.palette-group-caret{font-size:10px;color:var(--text-dim)}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 0 6px}.palette-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;background:var(--chrome-bg-2);border:1px solid var(--chrome-border);border-radius:8px;cursor:pointer;color:var(--text)}.palette-item:hover{border-color:var(--accent)}.palette-item.active{border-color:var(--accent);background:#3b82f629}.palette-item .furn-thumb{width:46px;height:46px;background:var(--plan-bg);border-radius:5px}.palette-item .furn-thumb .furn-outline{stroke:#39404d;stroke-width:1;fill-opacity:.6}.palette-item .furn-thumb .furn-glyph line,.palette-item .furn-thumb .furn-glyph rect,.palette-item .furn-thumb .furn-glyph circle,.palette-item .furn-thumb .furn-glyph path{stroke:#2c3340;stroke-width:1;fill:none}.palette-name{font-size:11px;text-align:center;line-height:1.2;color:var(--text-dim)}.chip-wrap{flex-wrap:wrap}.reset-link{display:block;margin:0 0 12px}.reset-link:disabled{color:var(--text-dim);cursor:default}.scale-field{align-items:center}.scale-input{flex:1;gap:10px}.scale-input input[type=range]{flex:1;width:auto;padding:0;accent-color:var(--accent);cursor:pointer}.scale-number{display:inline-flex;align-items:center;gap:4px}.scale-number input[type=number]{width:56px;background:var(--chrome-bg-2);color:var(--text);border:1px solid var(--chrome-border);border-radius:6px;padding:5px 6px;text-align:right;font-variant-numeric:tabular-nums}.scale-number input[type=number]:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.site-fill{fill:#3b82f60d}.site-dim{fill:#282c3a0f}.site-border{stroke:var(--accent);stroke-width:1.5;opacity:.7}.site-label{fill:#5b6472;font-size:12px;font-weight:600;paint-order:stroke;stroke:#fafaf9e6;stroke-width:3px}.plan-controls{position:absolute;top:10px;right:12px;z-index:10;display:flex;gap:8px}.plan-control-button{background:#181c26e6;color:var(--text);border:1px solid var(--chrome-border);border-radius:8px;padding:6px 11px;cursor:pointer;font-size:13px;box-shadow:0 4px 16px #00000040}.plan-control-button:hover{border-color:var(--accent)}.primary-button{background:var(--accent);color:#fff;border:1px solid var(--accent-strong);border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}.primary-button:hover{background:var(--accent-strong)}.ghost-button{background:transparent;color:var(--text);border:1px solid var(--chrome-border);border-radius:8px;padding:9px 16px;font-size:14px;cursor:pointer}.ghost-button:hover{border-color:var(--accent)}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#20283c,#12141b 70%);padding:24px}.welcome-card{width:min(560px,100%);background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:16px;padding:28px;box-shadow:0 24px 60px #00000080}.welcome-head h1{margin:0;font-size:24px}.welcome-sub{margin:6px 0 20px;color:var(--text-dim)}.welcome-choice{display:flex;flex-direction:column;gap:10px}.welcome-continue,.welcome-choice .ghost-button{width:100%}.welcome-size-title{margin:4px 0;font-size:16px}.welcome-size-hint{margin:0 0 16px;color:var(--text-dim);font-size:13px}.site-form{display:flex;flex-direction:column;gap:16px}.site-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.site-preset{display:flex;flex-direction:column;gap:3px;align-items:flex-start;background:var(--chrome-bg-2);border:1px solid var(--chrome-border);border-radius:10px;padding:12px;cursor:pointer;color:var(--text);text-align:left}.site-preset:hover{border-color:var(--accent)}.site-preset.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.site-preset-name{font-weight:600;font-size:14px}.site-preset-area{color:var(--accent);font-size:13px}.site-preset-dims{color:var(--text-dim);font-size:12px}.site-custom{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.site-custom-label{font-size:13px;color:var(--text-dim)}.site-form-actions{display:flex;justify-content:flex-end;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#080a1099;padding:24px}.modal-card{width:min(520px,100%);background:var(--chrome-bg);border:1px solid var(--chrome-border);border-radius:14px;padding:22px;box-shadow:0 24px 60px #00000080}.modal-title{margin:0 0 4px;font-size:17px}.modal-hint{margin:0 0 16px;color:var(--text-dim);font-size:13px}.help-card{width:min(560px,100%)}.help-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:14px 0 18px}.help-group-title{margin:0 0 6px;font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.help-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.help-row{display:flex;align-items:baseline;gap:8px;font-size:13px}.help-keys{flex:0 0 auto;background:var(--chrome-bg-2);border:1px solid var(--chrome-border);border-radius:4px;padding:1px 6px;font-size:11px;white-space:nowrap}.help-label{color:var(--text)}.help-footer-note{margin:14px 0 0;color:var(--text-dim);font-size:12px}.welcome-wide{width:min(680px,100%)}.welcome-choice-wide{display:flex;flex-direction:column;gap:14px}.welcome-notices{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.welcome-storage-note{margin:0;color:var(--text-dim);font-size:13px}.library-modal{width:min(680px,100%)}.library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.library-title{margin:0;font-size:17px}.library-empty{color:var(--text-dim);font-size:13px}.library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.library-row{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--chrome-border);border-radius:10px;background:var(--chrome-bg-2)}.library-row.open{border-color:var(--accent)}.library-thumb{width:84px;height:60px;flex:none;padding:0;border:1px solid var(--chrome-border);border-radius:6px;overflow:hidden;background:#11141b;cursor:pointer}.library-thumb img{width:100%;height:100%;object-fit:cover;display:block}.library-thumb-empty{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,#1a1d27,#1a1d27 6px,#20242f 6px,#20242f 12px)}.library-meta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.library-name{background:none;border:none;color:var(--text);font-size:14px;font-weight:600;text-align:left;padding:0;cursor:pointer;display:flex;align-items:center;gap:8px}.library-name:hover{color:var(--accent)}.library-badge{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:0 4px}.library-date{color:var(--text-dim);font-size:12px}.library-rename{width:100%;background:var(--chrome-bg);color:var(--text);border:1px solid var(--accent);border-radius:6px;padding:3px 6px;font-size:14px}.library-actions{display:flex;gap:4px;flex:none}.library-actions button{background:var(--chrome-bg);color:var(--text);border:1px solid var(--chrome-border);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.library-actions button:hover:not(:disabled){border-color:var(--accent)}.library-actions button:disabled{opacity:.4;cursor:not-allowed}.library-actions .danger-link:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.roof-types{flex-wrap:wrap}.roof-slider{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-dim)}.roof-slider input[type=range]{width:100%}.roof-visible{display:flex;align-items:center;gap:6px;font-size:12px}.snap-toggle{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:10px;cursor:pointer}.underlay{pointer-events:none}.underlay-floor{fill:#8b93a6;opacity:.14;stroke:none}.underlay-wall{stroke:#7b8498;opacity:.4;fill:none;vector-effect:non-scaling-stroke}.plan-control-button.active{border-color:var(--accent);color:#fff;background:#3b82f659}.viewbar-fit.active{border-color:var(--accent);background:#3b82f659}.levels{width:230px;display:flex;flex-direction:column;gap:8px}.levels-underlay{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);cursor:pointer;padding:2px}.floors-menu{position:relative}.floors-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:20;background:#181c26f7;border:1px solid var(--chrome-border);border-radius:10px;padding:8px;box-shadow:0 8px 24px #00000073}.topbar-icon-button{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px}.levels-add{background:var(--chrome-bg-2);color:var(--text);border:1px solid var(--chrome-border);border-radius:7px;padding:7px 10px;cursor:pointer;font-size:13px}.levels-add:hover{border-color:var(--accent)}.levels-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.level-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:7px;border:1px solid transparent;cursor:pointer}.level-row:hover{background:#ffffff0d}.level-row.active{background:#3b82f62e;border-color:var(--accent)}.level-indicator{width:6px;height:6px;border-radius:50%;background:var(--chrome-border);flex:none}.level-row.active .level-indicator{background:var(--accent)}.level-name{flex:1;min-width:0;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text);font-size:13px;padding:2px 4px}.level-name:hover,.level-name:focus{border-color:var(--chrome-border);background:var(--chrome-bg-2);outline:none}.level-elev{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none}.level-delete{flex:none;width:20px;height:20px;line-height:1;background:transparent;border:none;color:var(--text-dim);cursor:pointer;border-radius:5px;font-size:16px}.level-delete:hover:not(:disabled){color:var(--danger);background:#ef44441f}.level-delete:disabled{opacity:.3;cursor:default}.room-preview{fill:#3b82f61a;stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4}.roof-preview{fill:#8a5a441f;stroke:#8a5a44;stroke-width:2;stroke-dasharray:6 4}.roof-symbol{pointer-events:none}.roof-outline{fill:#8a5a440f;stroke:#8a5a44;stroke-width:1.5;stroke-dasharray:4 3}.roof-ridge{stroke:#8a5a44;stroke-width:1.5}.roof-symbol.selected .roof-outline,.roof-symbol.selected .roof-ridge{stroke:var(--accent);stroke-width:2.5}.snap-ring{fill:none;stroke:#16a34a;stroke-width:2;pointer-events:none}.levels-copy{background:var(--chrome-bg-2);color:var(--text);border:1px solid var(--chrome-border);border-radius:7px;padding:6px 10px;cursor:pointer;font-size:12px}.levels-copy:hover{border-color:var(--accent)}.furn.warn .furn-outline{stroke:var(--danger);stroke-width:2.4}.furn.warn .furn-glyph line,.furn.warn .furn-glyph rect,.furn.warn .furn-glyph circle,.furn.warn .furn-glyph path{stroke:var(--danger)}.furn-ghost.warn .furn-outline{stroke:var(--danger)}.toolbar-spacer{flex:1}.settings-section{margin-bottom:8px}.settings-heading{margin:0 0 4px;font-size:14px}.settings-options{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.settings-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--chrome-bg-2);color:var(--text);border:1px solid var(--chrome-border);border-radius:8px;padding:10px 12px;cursor:pointer}.settings-option:hover{border-color:var(--accent)}.settings-option.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.settings-option-label{font-weight:600;font-size:14px}.settings-option-desc{color:var(--text-dim);font-size:12px}.stair-outline{fill:#8a6d4b29;stroke:#6b5840;stroke-width:1.4}.stair-treads line{stroke:#6b5840;stroke-width:1}.stair-arrow{stroke:#3c3322;stroke-width:1.4}.stair.selected .stair-outline{stroke:var(--accent);stroke-width:2}.stair.warn .stair-outline{stroke:var(--danger);stroke-width:2.4}.stair-ghost{opacity:.6}.stair-void{fill:#1118270f;stroke:#6b5840;stroke-width:1.4;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}.fill-message{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:15;background:#3a1d24f2;border:1px solid var(--danger);color:#ffd9d9;font-size:12px;padding:7px 12px;border-radius:8px;pointer-events:none;box-shadow:0 6px 20px #00000059}.wall-paint{stroke:none}.wall-edge{fill:none;stroke:var(--wall-stroke);stroke-width:1;shape-rendering:crispEdges}.wall-edge.selected{stroke:var(--wall-stroke-sel);stroke-width:2}