:root{--bg: #0f1216;--bg-panel: #171b21;--bg-raised: #1e232b;--bg-hover: #242a33;--bg-input: #12161b;--line: #2a313b;--line-soft: #222831;--text: #eef2f7;--text-dim: #98a3b2;--text-faint: #6b7583;--accent: #4a90ff;--accent-hover: #63a1ff;--accent-soft: rgba(74, 144, 255, .14);--accent-line: rgba(74, 144, 255, .45);--danger: #e2574c;--ok: #3fbf88;--warn: #e8a13a;--r-sm: 6px;--r-md: 9px;--r-lg: 13px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 18px rgba(0, 0, 0, .34);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .5);--panel-width: 300px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft)}#app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:8px;height:50px;padding:0 12px;background:linear-gradient(180deg,#1b2028 0%,var(--bg-panel) 100%);border-bottom:1px solid var(--line);flex:0 0 auto;z-index:10}.brand{display:flex;align-items:center;gap:9px;padding-right:4px;font-weight:620;font-size:13.5px;letter-spacing:-.015em;white-space:nowrap}.brand .dot{width:20px;height:20px;border-radius:6px;background:linear-gradient(140deg,var(--accent) 0%,#7b5cff 100%);box-shadow:0 2px 8px #4a90ff66}.project-name{height:32px;min-width:150px;max-width:260px;padding:0 10px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);font-weight:500;transition:background .14s var(--ease),border-color .14s var(--ease)}.project-name:hover{background:var(--bg-raised)}.project-name:focus{outline:none;background:var(--bg-input);border-color:var(--accent)}.topbar-spacer{flex:1}.toolgroup{display:flex;align-items:center;gap:2px;padding:3px;background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:var(--r-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:30px;padding:0 11px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--text-dim);font-size:12.5px;font-weight:500;white-space:nowrap;transition:background .13s var(--ease),color .13s var(--ease),border-color .13s var(--ease)}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn:disabled{opacity:.32;cursor:default}.btn.icon-only{width:30px;padding:0}.btn.active{background:var(--accent-soft);color:#a6c8ff;box-shadow:inset 0 0 0 1px var(--accent-line)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover);color:#fff}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:#ee6a5f;color:#fff}.btn.ghost{border-color:var(--line);background:var(--bg-raised)}.btn.ghost:hover:not(:disabled){border-color:#38404d;background:var(--bg-hover)}.btn.wide{width:100%}.workspace{flex:1;display:flex;min-height:0}.panel{width:var(--panel-width);flex:0 0 var(--panel-width);background:var(--bg-panel);display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:flex-basis .2s var(--ease),width .2s var(--ease)}.panel-left{border-right:1px solid var(--line)}.panel-right{border-left:1px solid var(--line)}.panel.collapsed{width:0;flex-basis:0;border:none}.panel-header{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-bottom:1px solid var(--line-soft);font-weight:620;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);flex:0 0 auto}.panel-header .icon{color:var(--text-dim)}.panel-body{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#323a46 transparent}.panel-body::-webkit-scrollbar{width:11px}.panel-body::-webkit-scrollbar-thumb{background:#2f3743;border-radius:8px;border:3.5px solid var(--bg-panel)}.panel-body::-webkit-scrollbar-thumb:hover{background:#3d4756}.viewport{position:relative;flex:1;min-width:0;background:#0b0e12}.viewport-canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-overlay{position:absolute;inset:0;pointer-events:none}.viewport-overlay svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.view-switch{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:4px;background:#14181ed1;border:1px solid rgba(255,255,255,.07);border-radius:11px;backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--shadow-md)}.view-switch .btn{height:28px}.viewport-hint{position:absolute;left:14px;bottom:14px;display:flex;flex-direction:column;gap:5px;padding:10px 13px;background:#14181ec7;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-md);color:var(--text-dim);font-size:11.5px;line-height:1.55;max-width:300px;backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--shadow-sm);pointer-events:none}.viewport-hint kbd{display:inline-block;min-width:19px;padding:1px 5px;margin:0 1px;background:#2b323d;border:1px solid #3a4351;border-bottom-width:2px;border-radius:4px;font-family:inherit;font-size:10.5px;font-weight:600;text-align:center;color:var(--text)}.catalog-search{position:relative;padding:11px 12px;border-bottom:1px solid var(--line-soft)}.catalog-search input{width:100%;height:32px;padding:0 10px 0 33px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color .14s var(--ease)}.catalog-search input::placeholder{color:var(--text-faint)}.catalog-search input:focus{outline:none;border-color:var(--accent)}.catalog-search .icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.catalog-group{padding:14px 14px 6px;font-size:10.5px;font-weight:680;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0 12px 8px}.catalog-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 6px 11px;background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:var(--r-md);cursor:grab;color:var(--text-dim);font-size:11.5px;text-align:center;line-height:1.25;transition:border-color .14s var(--ease),color .14s var(--ease),transform .12s var(--ease),background .14s var(--ease)}.catalog-item:hover{border-color:var(--accent-line);background:var(--bg-hover);color:var(--text);transform:translateY(-1.5px)}.catalog-item:active{cursor:grabbing;transform:translateY(0)}.catalog-item .icon{color:var(--text);opacity:.8}.catalog-item:hover .icon{opacity:1;color:#a6c8ff}.catalog-empty{padding:28px 16px;text-align:center;color:var(--text-faint)}.section{border-bottom:1px solid var(--line-soft)}.section-head{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;background:none;border:none;cursor:pointer;color:var(--text);font-weight:600;font-size:12px;text-align:left;transition:color .12s var(--ease)}.section-head:hover{color:#fff}.section-head .icon{color:var(--text-faint)}.section-head .chev{margin-left:auto;color:var(--text-faint);transition:transform .18s var(--ease)}.section.collapsed .chev{transform:rotate(-90deg)}.section.collapsed .section-body{display:none}.section-body{padding:2px 14px 14px;display:flex;flex-direction:column;gap:10px}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:28px}.field>label{color:var(--text-dim);font-size:12px;line-height:1.3}.field>label.scrub:hover{color:var(--text)}.field.stack{grid-template-columns:1fr;gap:6px}.field-row{display:flex;gap:7px}.num-input{display:flex;align-items:center;width:96px;height:29px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;transition:border-color .14s var(--ease)}.num-input:hover{border-color:#39424f}.num-input input{width:100%;min-width:0;height:100%;padding:0 4px 0 9px;background:none;border:none;text-align:right;font-variant-numeric:tabular-nums}.num-input input:focus{outline:none}.num-input input::-webkit-outer-spin-button,.num-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-input input[type=number]{-moz-appearance:textfield;appearance:textfield}.num-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.num-input .unit{padding:0 8px 0 2px;color:var(--text-faint);font-size:11px;pointer-events:none}.num-input.wide{width:100%}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#2c3440;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid #0f1216;box-shadow:0 1px 4px #00000080;transition:background .12s var(--ease)}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent-hover)}input[type=range]::-moz-range-track{height:4px;background:#2c3440;border-radius:3px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #0f1216}select{width:152px;height:29px;padding:0 8px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:border-color .14s var(--ease)}select:hover{border-color:#39424f}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=text]{width:100%;height:29px;padding:0 9px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color .14s var(--ease)}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=color]{width:46px;height:29px;padding:2px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer}.switch{position:relative;width:36px;height:20px;flex:0 0 auto;background:#333c49;border-radius:11px;cursor:pointer;transition:background .18s var(--ease)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#e6ecf4;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease)}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(16px)}.seg{display:flex;gap:2px;padding:2px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-sm)}.seg button{flex:1;height:25px;padding:0 8px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--text-dim);font-size:11.5px;font-weight:500;transition:background .12s var(--ease),color .12s var(--ease)}.seg button:hover{background:var(--bg-hover);color:var(--text)}.seg button.active{background:var(--accent);color:#fff}.seg button.active:hover{background:var(--accent-hover)}.item-title{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.item-title .icon{color:#a6c8ff;flex:0 0 auto}.item-title input{flex:1;min-width:0;height:28px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:0 7px;font-weight:600;font-size:13px}.item-title input:hover{background:var(--bg-raised)}.item-title input:focus{outline:none;background:var(--bg-input);border-color:var(--accent)}.meta-row{display:flex;flex-wrap:wrap;gap:4px 14px;padding:9px 14px;color:var(--text-faint);font-size:11.5px;border-bottom:1px solid var(--line-soft)}.meta-row b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.empty-state{padding:30px 20px;text-align:center;color:var(--text-faint);line-height:1.6}.mat-button{display:flex;align-items:center;gap:9px;width:152px;height:31px;padding:3px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;text-align:left;overflow:hidden;transition:border-color .14s var(--ease),background .14s var(--ease)}.mat-button:hover{border-color:var(--accent-line);background:var(--bg-raised)}.mat-swatch{width:23px;height:23px;border-radius:5px;background-size:cover;background-position:center;flex:0 0 auto;box-shadow:inset 0 0 0 1px #0006}.mat-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mat-picker{width:346px;max-height:62vh;display:flex;flex-direction:column}.mat-picker-search{padding:9px;border-bottom:1px solid var(--line-soft)}.mat-picker-search input{width:100%;height:29px;padding:0 9px;background:var(--bg-input);border:1px solid var(--line);border-radius:var(--r-sm)}.mat-picker-search input:focus{outline:none;border-color:var(--accent)}.mat-picker-list{overflow-y:auto;padding:7px;scrollbar-width:thin}.mat-group-title{padding:8px 5px 5px;font-size:10px;font-weight:680;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.mat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mat-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 3px 6px;background:none;border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--text-dim);font-size:10px;line-height:1.25;text-align:center;transition:background .12s var(--ease),border-color .12s var(--ease)}.mat-cell:hover{background:var(--bg-raised);color:var(--text)}.mat-cell.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.mat-cell .mat-swatch{width:100%;height:42px;border-radius:6px}.mat-cell span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.context-menu{position:fixed;z-index:250;min-width:190px;padding:5px;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:pop .12s var(--ease)}.context-menu button{display:flex;align-items:center;gap:9px;width:100%;height:29px;padding:0 9px;background:none;border:none;border-radius:var(--r-sm);cursor:pointer;color:var(--text-dim);font-size:12.5px;text-align:left}.context-menu button:hover{background:var(--bg-hover);color:var(--text)}.context-menu button.danger:hover{background:#e2574c29;color:#ff9a90}.context-menu .shortcut{margin-left:auto;color:var(--text-faint);font-size:11px}.context-menu hr{margin:5px 4px;border:none;border-top:1px solid var(--line-soft)}.popover{position:fixed;z-index:200;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .14s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.dialog-backdrop{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#06080b9e;backdrop-filter:blur(3px);animation:fade .16s var(--ease)}@keyframes fade{0%{opacity:0}}.dialog{width:min(430px,calc(100vw - 32px));max-height:calc(100vh - 60px);overflow-y:auto;padding:22px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.dialog h2{margin:0 0 10px;font-size:15.5px;font-weight:620}.dialog p{margin:0 0 18px;color:var(--text-dim);line-height:1.65;white-space:pre-line}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions .btn{height:32px;padding:0 14px}.toast{position:fixed;left:50%;bottom:56px;transform:translate(-50%,12px);padding:10px 18px;background:#242b35;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:400;max-width:min(520px,90vw);text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.toast[data-kind=error]{background:#3a2320;border-color:#6b3a33;color:#ffd7d1}.statusbar{display:flex;align-items:center;gap:14px;height:30px;padding:0 14px;background:var(--bg-panel);border-top:1px solid var(--line);color:var(--text-faint);font-size:11.5px;flex:0 0 auto}.statusbar .sep{width:1px;height:14px;background:var(--line)}.statusbar .right{margin-left:auto;display:flex;align-items:center;gap:10px}.statusbar .btn{height:22px;font-size:11.5px}.dim-line{stroke:#8bb8ff;stroke-width:1;opacity:.9}.dim-tick{stroke:#8bb8ff;stroke-width:1;opacity:.55}.dim-label{fill:#e4eeff;font-size:11px;font-weight:500;font-family:var(--font);text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#0b0e12e0;stroke-width:4px;stroke-linejoin:round}.guide-line{stroke:var(--warn);stroke-width:1.2;stroke-dasharray:6 4}.guide-line.wall{stroke:var(--ok)}.vertex-handle{fill:#12161b;stroke:var(--accent);stroke-width:2.2;cursor:grab;pointer-events:auto;transition:fill .12s var(--ease)}.vertex-handle:hover{fill:var(--accent)}.edge-handle{fill:#4a90ff4d;stroke:var(--accent);stroke-width:1.2;cursor:pointer;pointer-events:auto}.edge-handle:hover{fill:var(--accent)}.room-area{fill:#b3cfff;font-size:12.5px;font-weight:620;font-family:var(--font);text-anchor:middle;paint-order:stroke;stroke:#0b0e12d1;stroke-width:4.5px;stroke-linejoin:round}.gizmo-outline{fill:#4a90ff0f;stroke:var(--accent);stroke-width:1.3;stroke-dasharray:5 3.5}.gizmo-front{stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}.gizmo-stem{stroke:var(--accent);stroke-width:1;stroke-dasharray:3 3;opacity:.8}.gizmo-handle{fill:#fff;stroke:var(--accent);stroke-width:2;pointer-events:auto;transition:fill .1s var(--ease),stroke-width .1s var(--ease);filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.gizmo-handle:hover{fill:var(--accent);stroke-width:2.6}.gizmo-handle.rotate{fill:var(--accent);stroke:#fff}.gizmo-handle.rotate:hover{fill:var(--accent-hover)}.gizmo-measure{fill:#fff;font-size:11.5px;font-weight:620;font-family:var(--font);text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:var(--accent);stroke-width:8px;stroke-linejoin:round}@media print{body *{visibility:hidden}#print-root,#print-root *{visibility:visible}#print-root{position:absolute;inset:0}}#print-root{display:none}@media (max-width: 1100px){:root{--panel-width: 264px}}.plan-badge{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 13px;background:#14181edb;border:1px solid var(--accent-line);border-radius:22px;box-shadow:var(--shadow-md);backdrop-filter:blur(14px) saturate(140%);color:var(--text);font-size:12px;font-weight:500}.plan-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-line);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #4a90ff00}to{box-shadow:0 0 #4a90ff00}}.plan-badge .btn{height:24px;padding:0 10px;background:var(--accent);color:#fff;font-size:11.5px}.plan-badge .btn:hover{background:var(--accent-hover);color:#fff}.wall-hit{stroke:#4a90ff00;stroke-width:16;fill:none;pointer-events:stroke}.wall-hit:hover{stroke:#4a90ff59}.edge-plus{stroke:#fff;stroke-width:1.8;stroke-linecap:round;pointer-events:none}.wall-length{fill:#cfe0ff;font-size:11px;font-weight:600;font-family:var(--font);text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#0b0e12d9;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.clock-readout{display:flex;align-items:baseline;gap:9px;padding-bottom:2px}.clock-time{font-size:22px;font-weight:640;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.clock-sun{font-size:11.5px;color:var(--text-faint)}.opening-handle{fill:#4a90ff00;stroke:transparent;stroke-width:1;cursor:move;pointer-events:all}.opening-handle:hover{fill:#4a90ff4d;stroke:var(--accent)}.opening-handle.selected{fill:#4a90ff3d;stroke:var(--accent);stroke-width:1.6}.opening-label{fill:#dbe8ff;font-size:11px;font-weight:600;font-family:var(--font);text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#0b0e12e6;stroke-width:4px;stroke-linejoin:round;pointer-events:none}