:root{color-scheme:dark;--ink-950: #080a0e;--ink-900: #0c0f15;--glass: rgba(18, 21, 29, .66);--glass-strong: rgba(13, 16, 22, .84);--stroke: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .14);--fg: #eceef2;--fg-dim: #9aa1ad;--fg-mute: #5b6270;--brand: #5b8cff;--brand-15: rgba(91, 140, 255, .15);--violet2: #8b5cf6;--ok: #34d399;--danger: #f87171;--radius: 18px;--radius-sm: 12px;--elev: 0 10px 34px -6px rgba(0, 0, 0, .55), 0 2px 8px -2px rgba(0, 0, 0, .4);--font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}body,html,#root{margin:0;height:100%}#root{width:100vw;height:100vh}.app-floating{position:fixed;inset:0;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,rgba(91,140,255,.06),transparent 60%),var(--ink-950);color:var(--fg);font-family:var(--font-sans);user-select:none}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--elev)}.viewport{position:absolute;inset:0;background:transparent}.vp-canvas{width:100%;height:100%;display:block;touch-action:none}.viewport.tool-pan .vp-canvas{cursor:grab}.viewport.tool-orbit .vp-canvas{cursor:move}.viewport.tool-measure .vp-canvas{cursor:crosshair}.vp-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);pointer-events:none}.vp-boxselect{position:absolute;pointer-events:none;box-sizing:border-box}.vp-boxselect-window{border:1px solid #3b82f6;background:#3b82f626}.vp-boxselect-crossing{border:1px dashed #22c55e;background:#22c55e26}.quad-overlay{position:absolute;inset:0;z-index:15;pointer-events:none}.quad-cell{position:absolute;border:1px solid var(--stroke);box-sizing:border-box}.quad-cell.active{box-shadow:inset 0 0 0 2px var(--brand)}.quad-label{position:absolute;top:6px;left:8px;font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--fg-dim);padding:1px 6px;border-radius:6px;background:#00000059}.quad-cell.active .quad-label{color:var(--brand)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;color:var(--fg-dim);border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover:not(:disabled){background:#ffffff0f;color:var(--fg)}.icon-btn.active{background:var(--brand-15);color:var(--brand);border-color:#5b8cff59}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.sm{width:26px;height:26px;border-radius:8px}.grow{flex:1}.v-divider{width:1px;height:18px;background:var(--stroke)}.topbar{position:absolute;top:12px;left:12px;right:12px;z-index:30;height:52px;display:flex;align-items:center;gap:10px;padding:0 10px 0 12px}.brand-cluster{display:flex;align-items:center;gap:10px}.spark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--violet2))}.spark svg{width:18px;height:18px}.brand{font-weight:700;letter-spacing:.2px}.doc-name{color:var(--fg-dim);font-size:13px}.doc-name-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;line-height:1;font:inherit;font-size:13px;color:var(--fg-dim);transition:background .12s ease,color .12s ease}.doc-name-btn:hover{background:#ffffff0f;color:var(--fg)}.doc-name-btn svg{width:14px;height:14px;opacity:.6}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.engine-dot{width:8px;height:8px;border-radius:50%;background:var(--fg-mute)}.engine-dot.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}.mode-toggle{display:flex;align-items:center}.mode-toggle .seg{background:#ffffff0a;color:var(--fg-dim);border:1px solid var(--stroke);padding:5px 14px;font-size:12px;cursor:pointer}.mode-toggle .seg:first-child{border-radius:9px 0 0 9px;border-right:0}.mode-toggle .seg:last-child{border-radius:0 9px 9px 0}.mode-toggle .seg:hover{color:var(--fg)}.mode-toggle .seg.active{background:var(--brand);color:#fff;border-color:var(--brand)}.tool-rail{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px}.rail-divider{width:22px;height:1px;background:var(--stroke);margin:4px 0}.overlay-bl{position:absolute;left:12px;bottom:42px;z-index:30;display:flex;flex-direction:column;align-items:flex-start}.vc-widget{filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.vc-widget.vc-dim{opacity:.5}.nav-rail{display:flex;flex-direction:column;gap:4px;padding:6px}.info-panel{position:absolute;right:12px;top:72px;bottom:84px;z-index:30;width:264px;display:flex;flex-direction:column;overflow:hidden}.panel-reopen{position:absolute;right:12px;top:72px;z-index:30;padding:8px 12px;color:var(--fg-dim);font-size:12px;cursor:pointer;border-radius:var(--radius-sm)}.ip-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--stroke)}.ip-title{font-weight:600;font-size:13px}.ip-badge{background:#ffffff12;color:var(--fg-dim);font-size:10px;padding:2px 6px;border-radius:6px}.ip-tabs{display:flex;border-bottom:1px solid var(--stroke)}.ip-tab{flex:1;background:transparent;color:var(--fg-mute);border:0;border-bottom:2px solid transparent;padding:8px 0;font-size:11px;font-weight:500;cursor:pointer}.ip-tab:hover{color:var(--fg-dim)}.ip-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.ip-body{flex:1;overflow-y:auto}.ip-section{padding:12px}.ip-h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-mute);font-weight:600}.ip-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:12px}.ip-k{color:var(--fg-mute)}.ip-v{color:var(--fg)}.ip-id{margin-top:8px;color:var(--fg-mute);font-size:11px;font-family:var(--font-mono)}.ip-hint{color:var(--fg-mute);font-style:italic;font-size:12px;padding:4px 0 10px}.ip-tree,.ip-cats{list-style:none;margin:0;padding:0;font-size:12px}.ip-tree li{padding:3px 0;color:var(--fg)}.ip-tree li.indent{padding-left:14px;color:var(--fg-dim)}.ip-cats li{padding:4px 0}.ip-cats label{display:flex;gap:8px;align-items:center;cursor:pointer}.command-bar{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:30;height:44px;width:min(440px,46vw);display:flex;align-items:center;gap:8px;padding:0 14px}.cmd-icon{color:var(--fg-mute);flex-shrink:0}.cmd-input{flex:1;background:transparent;border:0;outline:none;color:var(--fg);font-family:var(--font-mono);font-size:12.5px}.cmd-input::placeholder{color:var(--fg-mute)}.status-bar{position:absolute;bottom:0;left:0;z-index:40;width:100%;height:30px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#080a0ee6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--stroke);font-family:var(--font-mono);font-size:11px;color:var(--fg-dim)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:7px;color:var(--fg-mute)}.chip.on{background:var(--brand-15);color:var(--brand)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}button.chip{background:none;border:none;cursor:pointer;font:inherit;font-family:var(--font-mono);font-size:11px;transition:background .12s ease,color .12s ease}button.chip:hover{background:#ffffff0f}button.chip.on:hover{background:var(--brand-15)}.sb-divider{width:1px;height:14px;background:var(--stroke)}.sb-stat{color:var(--fg-dim)}.sb-measure{color:var(--brand)}.grid-chip-wrap{position:relative;display:inline-flex}.grid-popover{position:absolute;bottom:100%;left:0;margin-bottom:8px;z-index:50;width:200px;max-height:70vh;overflow-y:auto;padding:10px 12px}.grid-popover:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px}.grid-popover{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--stroke-strong);border-radius:var(--radius-sm);box-shadow:var(--elev);color:var(--fg);font-family:var(--font-sans);font-size:11.5px}.gp-title{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-mute);margin-bottom:8px}.gp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;color:var(--fg-dim);cursor:default}.gp-row input[type=number]{width:64px;background:#ffffff0f;color:var(--fg);border:1px solid var(--stroke);border-radius:6px;padding:2px 6px;font-family:var(--font-mono);font-size:11px}.gp-row input[type=checkbox]{accent-color:var(--brand);cursor:pointer}.gp-extent{color:var(--fg-mute);font-family:var(--font-mono);font-size:10.5px}.gp-warn{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 8px;border-radius:4px;border:1px solid color-mix(in srgb,var(--warn, #d9a441) 55%,transparent);background:color-mix(in srgb,var(--warn, #d9a441) 12%,transparent);color:var(--fg);font-size:11px}.gp-warn button{align-self:stretch;padding:3px 6px;border-radius:3px;border:1px solid var(--line, #3a3a44);background:var(--bg-elev, #23232b);color:var(--fg);cursor:pointer}.gp-warn button:hover{border-color:var(--brand)}.gp-row input[type=color]{width:32px;height:20px;padding:0;border:1px solid var(--stroke);border-radius:4px;background:transparent;cursor:pointer}.options-wrap{position:relative;display:inline-flex}.od-gear{padding:3px 7px;display:inline-flex;align-items:center}.options-dialog{position:absolute;bottom:100%;left:0;margin-bottom:8px;z-index:60;width:460px;height:320px;display:flex;flex-direction:column;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--stroke-strong);border-radius:var(--radius-sm);box-shadow:var(--elev);color:var(--fg);font-family:var(--font-sans);font-size:11.5px}.od-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--stroke)}.od-title{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-mute)}.od-close{background:none;border:none;color:var(--fg-dim);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:6px}.od-close:hover{background:#ffffff14;color:var(--fg)}.od-body{display:flex;flex:1;min-height:0}.od-cats{width:116px;flex:none;display:flex;flex-direction:column;gap:2px;padding:8px 6px;border-right:1px solid var(--stroke);overflow-y:auto}.od-cat{text-align:left;background:none;border:none;color:var(--fg-dim);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:11.5px}.od-cat:hover{background:#ffffff0f;color:var(--fg)}.od-cat.on{background:#5b8cff29;color:var(--brand);font-weight:600}.od-panel{flex:1;min-width:0;padding:10px 14px;overflow-y:auto}.od-panel .gp-row input[type=range]{flex:1;accent-color:var(--brand)}.od-info{color:var(--fg-dim);line-height:1.6}.od-info p{margin:0 0 10px}.od-info b{color:var(--fg)}.measure-hint{position:absolute;bottom:92px;left:50%;transform:translate(-50%);z-index:30;background:#0e639ceb;color:#fff;padding:5px 14px;border-radius:10px;font-size:12px;pointer-events:none}.open-progress{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 40%,#080a0e80,#080a0ec7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:op-fade .18s ease-out}@keyframes op-fade{0%{opacity:0}to{opacity:1}}.open-progress-dialog{width:min(440px,86vw);padding:22px 24px 20px;background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--stroke-strong);border-radius:var(--radius);box-shadow:var(--elev);color:var(--fg);font-family:var(--font-sans)}.open-progress-head{display:flex;align-items:center;gap:14px}.open-progress-spinner{width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:3px solid var(--stroke);border-top-color:var(--brand);animation:op-spin .9s linear infinite}@keyframes op-spin{to{transform:rotate(360deg)}}.open-progress-titles{min-width:0}.open-progress-name{font-size:15px;font-weight:650;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-progress-sub{margin-top:2px;font-size:12px;color:var(--fg-dim)}.open-progress-meta{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0 8px}.open-progress-phase{font-size:12.5px;color:var(--fg-dim)}.open-progress-nums{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.open-progress-elapsed{font-size:11px;color:var(--fg-mute);font-family:var(--font-mono)}.open-progress-pct{font-size:15px;font-weight:700;color:var(--brand);font-family:var(--font-mono)}.open-progress-bar{position:relative;height:8px;border-radius:999px;background:#ffffff12;overflow:hidden}.open-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--violet2));transition:width .12s linear}.open-progress-shimmer{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.25) 50%,transparent 80%);transform:translate(-100%);animation:op-shimmer 1.25s ease-in-out infinite}@keyframes op-shimmer{to{transform:translate(100%)}}.open-progress-hint{margin-top:14px;font-size:11.5px;color:var(--fg-mute)}@media (prefers-reduced-motion: reduce){.open-progress-spinner,.open-progress-shimmer{animation:none}}.project-tree-panel{font-size:12px}.pt-root-row{display:flex;align-items:center;gap:6px;padding:2px 0 4px}.project-tree-root-label{font-weight:600;font-size:12px;color:var(--fg)}.pt-stats{display:flex;flex-wrap:wrap;gap:4px 6px;margin:2px 0 8px}.pt-stat{background:#ffffff0d;color:var(--fg-dim);border-radius:6px;padding:1px 6px;font-size:10px;font-family:var(--font-mono);white-space:nowrap}.pt-suppressed{color:var(--fg-mute);font-size:10px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-tree,.pt-children{list-style:none;margin:0;padding:0}.pt-children{margin-left:9px;padding-left:8px;border-left:1px solid var(--stroke)}.pt-row{display:flex;align-items:center;gap:6px;width:100%;padding:3px 6px;border-radius:6px;color:var(--fg)}.pt-row:hover{background:#ffffff0d}.pt-folder-row{background:none;border:0;font:inherit;text-align:left;cursor:pointer}.pt-caret{flex:none;color:var(--fg-mute);transition:transform .12s ease}.pt-caret.open{transform:rotate(90deg)}.pt-icon{flex:none;color:var(--fg-dim)}.pt-label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-label.dim{color:var(--fg-dim);font-style:italic}.pt-handle{flex:none;font-family:var(--font-mono);font-size:10px;color:var(--fg-mute)}.pt-count{flex:none;font-size:10px;color:var(--fg-mute);background:#ffffff0f;border-radius:8px;padding:0 5px;min-width:14px;text-align:center}.pt-leaf{cursor:pointer;color:var(--fg-dim)}.pt-leaf.selected,.pt-leaf.selected:hover{background:var(--brand-15);color:var(--fg)}.pt-view-kind{flex:none;margin-left:auto;font-size:9.5px;color:var(--fg-mute);background:#ffffff0f;border-radius:6px;padding:0 5px}.pt-view-kind.activatable{color:var(--brand);background:var(--brand-15)}.project-tree-list,.project-tree-symbols{list-style:none;margin:0;padding:0}.project-tree-symbols{margin-left:9px;padding-left:8px;border-left:1px solid var(--stroke)}.project-tree-header,.project-tree-suppressed{color:var(--fg-mute);font-size:10px;margin:2px 0 6px}.project-tree-unavailable{color:var(--fg-dim);font-size:12px;margin-top:10px}.project-tree-unavailable-reason{color:var(--fg-mute);font-size:11px;margin:4px 0 0}.project-tree-legacy-toggle{margin-top:8px;background:#ffffff0d;border:1px solid var(--stroke);border-radius:6px;color:var(--fg-dim);font-size:11px;padding:3px 8px;cursor:pointer}.project-tree-legacy-badge{color:var(--danger);font-size:10px;margin:8px 0 4px}.project-tree-family-btn{background:none;border:0;font:inherit;color:var(--fg);cursor:pointer;padding:3px 6px;display:flex;gap:6px;align-items:center}.project-tree-family-leaf,.project-tree-symbol{display:block;padding:3px 6px;color:var(--fg-dim)}.element-list-panel{font-size:12px}.element-list-empty{color:var(--fg-mute);font-style:italic;padding:6px 0}.el-filter{width:100%;box-sizing:border-box;margin:0 0 8px;background:#ffffff0d;border:1px solid var(--stroke);border-radius:6px;color:var(--fg);font:inherit;font-size:11px;padding:4px 8px;outline:none}.el-filter::placeholder{color:var(--fg-mute)}.el-filter:focus{border-color:var(--brand);background:#ffffff12}.element-list{list-style:none;margin:2px 0 0;padding:0 0 0 8px}.element-list-item{cursor:pointer}.element-list-item:focus-visible{outline:1px solid var(--brand);outline-offset:-1px}.ip-section.el-fill{height:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.ip-section.el-fill .element-list-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.el-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.el-flat{padding:0}.el-flat .pt-row{height:24px;box-sizing:border-box}.el-flat .el-ind{width:auto;margin-left:9px;padding-left:8px;border-left:1px solid var(--stroke);border-radius:0 6px 6px 0}.sheet-layout{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;padding:16px 20px 12px;background:#f5f5f2;color:#1c1c1c;overflow:auto;z-index:5}.sheet-layout-head{display:flex;align-items:baseline;gap:12px}.sheet-layout-title{font-size:15px;font-weight:600}.sheet-layout-count{font-size:12px;opacity:.65}.sheet-layout-svg{flex:1 1 auto;min-height:0;width:100%}.sheet-drawing{fill:none;pointer-events:all;stroke:#4a4a4a;stroke-width:1.5;vector-effect:non-scaling-stroke}.sheet-drawing.activatable{cursor:pointer}.sheet-drawing.activatable:hover{stroke:#1f6feb;stroke-width:2.5}.sheet-drawing-caption{font-size:13px;fill:#333}.sheet-layout-note{margin:0;font-size:12px;line-height:1.5;opacity:.8}.sheet-drawing.marker{fill:#6b7280;stroke:none;opacity:.75}.sheet-shape-unrecovered{font-size:11px;fill:#b45309;opacity:.9;paint-order:stroke;stroke:#fff;stroke-width:3px}.sheet-page{fill:#fff;stroke:#35383f;stroke-width:1.5}.sheet-linework{stroke:#222;stroke-width:1;vector-effect:non-scaling-stroke}