:root{--bg: #eef0f4;--panel: #ffffff;--panel-2: #f3f5f8;--panel-3: #e8ebf0;--line: #dcе1e8;--line: #dce1e8;--line-strong: #c3cad6;--text: #1a2130;--text-2: #4a5568;--muted: #6b7687;--accent: #2f6fed;--accent-2: #1f5bd1;--accent-soft: #e6eefd;--accent-text: #ffffff;--ok: #1f8f4e;--ok-soft: #e3f5ea;--warn: #b7791f;--warn-soft: #fbf1dc;--err: #c53030;--err-soft: #fde8e8;--vp: #e4e8ee;--shadow: 0 2px 10px rgba(20, 30, 50, .12);--shadow-lg: 0 10px 30px rgba(20, 30, 50, .18);--radius: 8px;--radius-sm: 5px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--fs: 13px;--fs-sm: 12px;--fs-xs: 11px;--header-h: 48px;--status-h: 26px;--handle: 6px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1117;--panel: #151a22;--panel-2: #1b212c;--panel-3: #222a37;--line: #273040;--line-strong: #364155;--text: #e3e8f0;--text-2: #b4bdcb;--muted: #8893a5;--accent: #6ea2ff;--accent-2: #8bb4ff;--accent-soft: #1c2a46;--accent-text: #0b1220;--ok: #4cc38a;--ok-soft: #14301f;--warn: #e0b04f;--warn-soft: #332a12;--err: #f07171;--err-soft: #3a1818;--vp: #11151c;--shadow: 0 2px 10px rgba(0,0,0,.5);--shadow-lg: 0 10px 30px rgba(0,0,0,.6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1117;--panel: #151a22;--panel-2: #1b212c;--panel-3: #222a37;--line: #273040;--line-strong: #364155;--text: #e3e8f0;--text-2: #b4bdcb;--muted: #8893a5;--accent: #6ea2ff;--accent-2: #8bb4ff;--accent-soft: #1c2a46;--accent-text: #0b1220;--ok: #4cc38a;--ok-soft: #14301f;--warn: #e0b04f;--warn-soft: #332a12;--err: #f07171;--err-soft: #3a1818;--vp: #11151c;--shadow: 0 2px 10px rgba(0,0,0,.5);--shadow-lg: 0 10px 30px rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:var(--fs)/1.45 var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[hidden]{display:none!important}.app{display:grid;grid-template-rows:var(--header-h) auto 1fr var(--status-h);height:100%}.banner-slot:empty{display:none}.hdr{display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0;overflow:hidden}.hdr .layout-toggles{display:inline-flex;gap:4px}.panel-head .close{padding:2px 6px}.hdr .brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.3px;margin-right:4px}.hdr .brand .logo{width:18px;height:18px;border-radius:5px;background:var(--accent);display:inline-block}.hdr .doc{display:flex;flex-direction:column;min-width:0;line-height:1.2}.hdr .doc .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr .doc .meta{color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr .spacer{flex:1}.hdr .mode{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px;background:var(--panel-2)}.hdr .mode button{border:0;background:none;padding:3px 10px;border-radius:999px;color:var(--muted);cursor:pointer;font-size:var(--fs-sm)}.hdr .mode button.on{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.hdr .mode button.demo.on{color:var(--warn)}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--text);line-height:1.2}.btn:hover{border-color:var(--line-strong);background:var(--panel-3)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--panel-2);border-color:var(--line)}.btn.sm{padding:3px 8px;font-size:var(--fs-sm)}.btn.icon{padding:4px 7px}.btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn.danger{color:var(--err)}.kbd{font:var(--fs-xs) var(--mono);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;padding:0 4px;color:var(--muted);background:var(--panel)}.main{display:grid;min-height:0;grid-template-columns:var(--left, 300px) var(--handle) 1fr var(--handle) var(--right, 340px)}.main.no-left{grid-template-columns:0 0 1fr var(--handle) var(--right, 340px)}.main.no-right{grid-template-columns:var(--left, 300px) var(--handle) 1fr 0 0}.main.no-left.no-right{grid-template-columns:0 0 1fr 0 0}.panel{background:var(--panel);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.panel.left{border-right:1px solid var(--line)}.panel.right{border-left:1px solid var(--line)}.panel-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);font-weight:600;min-height:38px}.panel-head .sub{color:var(--muted);font-weight:400;font-size:var(--fs-xs);margin-left:auto;white-space:nowrap}.panel-body{flex:1;min-height:0;overflow:auto}.handle{background:transparent;cursor:col-resize;position:relative;z-index:2}.handle:hover,.handle.active{background:var(--accent-soft)}.handle.h{cursor:row-resize}.center{display:grid;grid-template-rows:minmax(0,1fr) var(--handle) var(--bottom, 220px);min-height:0;min-width:0}.center>*{min-width:0}.center>.vwrap{grid-row:1}.center>.workspace{grid-row:3}.vwrap{position:relative;min-height:0;min-width:0;display:flex}.vwrap>.viewport{flex:1;min-height:0}.center.no-bottom{grid-template-rows:1fr 0 0}.collapsed-tabs{position:absolute;top:10px;z-index:5;display:flex;flex-direction:column;gap:6px}.collapsed-tabs.left{left:10px}.collapsed-tabs.right{right:10px}.viewport{position:relative;background:var(--vp);min-width:0;min-height:0;overflow:hidden}.viewport canvas.gl{width:100%;height:100%;display:block}.viewport canvas.anno{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.vtools{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:5;flex-wrap:wrap;justify-content:flex-end}.vtools .btn{background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(6px)}.vtitle{position:absolute;top:10px;left:10px;display:flex;gap:8px;align-items:center;z-index:5;font-size:var(--fs-sm);font-weight:600}.vtitle .chip{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 8px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vtitle .chip.view{color:var(--accent)}.vtitle .chip.hidden-note{color:var(--warn);font-weight:500}.hover-tip{position:absolute;pointer-events:none;z-index:6;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--fs-sm);box-shadow:var(--shadow);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop{position:absolute;inset:0;display:grid;place-items:center;z-index:4}.drop.passive{pointer-events:none}.drop.drag{background:color-mix(in srgb,var(--accent) 12%,transparent)}.drop-card{border:2px dashed var(--line-strong);border-radius:14px;padding:28px 36px;text-align:center;background:color-mix(in srgb,var(--panel) 88%,transparent);max-width:440px;pointer-events:auto}.drop-card h2{margin:0 0 4px;font-size:18px}.drop-card p{margin:0 0 14px;color:var(--muted)}.drop-card .row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.schedule-overlay{position:absolute;inset:0;overflow:auto;background:var(--panel);z-index:4;padding:52px 24px 24px}.schedule-overlay h2{font-size:15px;margin:0 0 4px}.schedule-overlay .meta{color:var(--muted);font-size:var(--fs-sm);margin-bottom:12px}.schedule-overlay table{border-collapse:collapse;font-size:var(--fs-sm);min-width:50%}.schedule-overlay th,.schedule-overlay td{border:1px solid var(--line);padding:4px 8px;text-align:left;white-space:nowrap}.schedule-overlay th{background:var(--panel-2);position:sticky;top:0}.schedule-overlay td.num{text-align:right;font-variant-numeric:tabular-nums}.schedule-overlay tr.total td{background:var(--panel-2);font-weight:600}.loading-veil{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none}.loading-veil .card{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow);min-width:260px}.progress{height:6px;background:var(--panel-3);border-radius:3px;overflow:hidden;margin-top:8px}.progress>i{display:block;height:100%;background:var(--accent);transition:width .15s}.progress.indeterminate>i{width:35%;animation:slide 1.2s infinite ease-in-out}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}.explorer-tools{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line);align-items:center}.explorer-tools input[type=search]{flex:1;min-width:0;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px}.explorer-tools select{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 6px;max-width:110px}.tree{position:relative}.trow{display:flex;align-items:center;gap:6px;height:26px;padding-right:8px;white-space:nowrap;cursor:pointer;user-select:none;border-radius:4px}.trow:hover{background:var(--panel-2)}.trow.sel{background:var(--accent-soft);color:var(--accent)}.trow .tw{width:14px;color:var(--muted);display:inline-flex;justify-content:center;flex:none;font-size:10px}.trow .lbl{overflow:hidden;text-overflow:ellipsis;min-width:0}.trow .cnt{margin-left:auto;color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.trow.depth0{font-weight:600;background:var(--panel-2);border-bottom:1px solid var(--line);border-radius:0}.trow.leaf .lbl{font-family:var(--mono);font-size:var(--fs-sm)}.trow .eid{color:var(--muted);font-size:var(--fs-xs)}.trow input[type=checkbox]{margin:0;accent-color:var(--accent);flex:none}.trow .vis{flex:none;width:18px;height:18px;display:inline-grid;place-items:center;border-radius:4px;color:var(--muted);border:0;background:none;cursor:pointer;opacity:0}.trow:hover .vis,.trow .vis.off{opacity:1}.trow .vis.off{color:var(--warn)}.empty{color:var(--muted);padding:16px 12px}.empty.center{text-align:center}.props .sel-head{padding:10px 12px;border-bottom:1px solid var(--line)}.props .sel-head .title{font-weight:600;word-break:break-word}.props .sel-head .sub{color:var(--muted);font-size:var(--fs-xs);margin-top:2px}.props .sel-head .actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.group>summary{padding:7px 12px;font-weight:600;cursor:pointer;background:var(--panel-2);border-bottom:1px solid var(--line);list-style:none;display:flex;align-items:center;gap:6px}.group>summary:before{content:"▸";color:var(--muted);font-size:10px;width:10px}.group[open]>summary:before{content:"▾"}.group>summary .n{color:var(--muted);font-weight:400;font-size:var(--fs-xs);margin-left:auto}.prop{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);gap:8px;padding:4px 12px;border-bottom:1px solid var(--line)}.prop .k{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop .v{font-family:var(--mono);font-size:var(--fs-sm);word-break:break-word}.prop .v .raw{color:var(--muted);font-size:var(--fs-xs);margin-left:6px}.prop .v a,.prop .v button.link{color:var(--accent);cursor:pointer;text-decoration:none;background:none;border:0;padding:0;font:inherit}.unit-toggle{display:inline-flex;gap:2px;margin-left:auto}.unit-toggle button{border:1px solid var(--line);background:var(--panel);border-radius:4px;padding:1px 6px;font-size:var(--fs-xs);color:var(--muted);cursor:pointer}.unit-toggle button.on{color:var(--accent);border-color:var(--accent)}.workspace{background:var(--panel);border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 6px;gap:2px;overflow-x:auto;flex:none}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 10px;cursor:pointer;white-space:nowrap}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.tab .badge{background:var(--panel-3);border-radius:999px;padding:0 6px;font-size:var(--fs-xs);margin-left:6px}.tabs .right{margin-left:auto;display:flex;align-items:center;gap:4px;padding-right:4px}.tabbody{flex:1;min-height:0;overflow:auto}.views-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:10px}.vcard{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;cursor:pointer;background:var(--panel);display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.vcard:hover{border-color:var(--accent)}.vcard.on{border-color:var(--accent);background:var(--accent-soft)}.vcard .k{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.4px}.vcard .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vcard .m{color:var(--muted);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsection{padding:8px 10px 0;color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.4px;display:flex;gap:8px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:2px 14px;padding:10px 12px;align-items:baseline}.kv .k{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.3px}.kv .v{font-family:var(--mono);font-size:var(--fs-sm);word-break:break-all}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 16px}.proc{padding:12px;display:grid;gap:12px;grid-template-columns:minmax(260px,1.2fr) minmax(220px,1fr)}.proc .card{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:var(--panel);min-width:0}.proc .card h4{margin:0 0 8px;font-size:var(--fs-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.phases{display:flex;gap:4px;flex-wrap:wrap}.phase{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);font-size:var(--fs-xs);color:var(--muted)}.phase.done{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.phase.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.phase.error{color:var(--err);border-color:var(--err);background:var(--err-soft)}.alert{border-radius:var(--radius-sm);padding:8px 10px;border:1px solid var(--line);font-size:var(--fs-sm)}.alert.error{background:var(--err-soft);border-color:var(--err);color:var(--err)}.alert.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.alert.info{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.exports{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;padding:10px}.export-card{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.export-card .t{font-weight:600;display:flex;gap:8px;align-items:center}.export-card .t .tag{font-size:var(--fs-xs);color:var(--muted);font-weight:400;border:1px solid var(--line);border-radius:4px;padding:0 5px}.export-card .d{color:var(--muted);font-size:var(--fs-sm)}.export-card .foot{display:flex;align-items:center;gap:8px;margin-top:2px}.export-card .foot .st{font-size:var(--fs-xs);color:var(--muted);margin-left:auto}.export-card.unavailable{opacity:.75}.status{display:flex;gap:16px;align-items:center;padding:0 12px;background:var(--panel);border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm);min-width:0}.status .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.status.err .txt{color:var(--err)}.status .right{margin-left:auto;font-family:var(--mono);white-space:nowrap;display:flex;gap:12px}.status .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:6px}.status .dot.demo{background:var(--warn)}.status .dot.off{background:var(--err)}.toasts{position:fixed;right:14px;bottom:36px;display:flex;flex-direction:column;gap:8px;z-index:50;max-width:min(420px,90vw)}.toast{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:8px 12px;box-shadow:var(--shadow-lg);display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm)}.toast.error{border-left-color:var(--err)}.toast.success{border-left-color:var(--ok)}.toast button{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer}.dialog-veil{position:fixed;inset:0;background:#0a0e1673;display:grid;place-items:center;z-index:60}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:20px 22px;width:min(440px,92vw)}.dialog h3{margin:0 0 6px}.dialog p{color:var(--muted);margin:0 0 14px}.dialog input[type=password],.dialog input[type=text]{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:12px}.dialog .row{display:flex;gap:8px;justify-content:flex-end}.shortcuts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center}.err-boundary{padding:24px}.err-boundary pre{background:var(--panel-2);padding:10px;border-radius:var(--radius-sm);overflow:auto;font-size:var(--fs-xs)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.demo-banner{background:var(--warn-soft);color:var(--warn);border-bottom:1px solid var(--warn);padding:4px 12px;font-size:var(--fs-sm);display:flex;gap:10px;align-items:center}@media(max-width:1000px){.main,.main.no-left,.main.no-right,.main.no-left.no-right{grid-template-columns:minmax(0,1fr)}.panel.left,.panel.right{position:fixed;top:var(--header-h);bottom:var(--status-h);display:flex;width:min(86vw,360px);z-index:20;box-shadow:var(--shadow-lg);transition:transform .2s,visibility .2s;visibility:hidden}.panel.left{left:0;transform:translate(-105%)}.panel.right{right:0;transform:translate(105%)}.main.show-left .panel.left,.main.show-right .panel.right{transform:none;visibility:visible}.center{grid-column:1}.handle{display:none}.center{grid-template-rows:1fr 0 var(--bottom, 200px)}.center.no-bottom{grid-template-rows:1fr 0 0}.hdr{gap:6px;padding:0 8px}.hdr .doc .meta,.hdr .hide-sm{display:none}.proc{grid-template-columns:1fr}.collapsed-tabs{display:flex}}@media(max-width:640px){.hdr{gap:6px}.hdr .layout-toggles,.hdr .hide-xs{display:none}.hdr .btn{padding:5px 7px}.hdr .doc{display:none}.hdr .spacer{flex:1}.hdr select.btn{max-width:38vw}.vtools{top:auto;bottom:10px;right:10px}.vtitle .chip{max-width:55vw}.hdr .brand span.txt,.status .right{display:none}}
