:root{--bg: #03060f;--panel: rgba(8, 14, 28, .82);--border: rgba(110, 182, 255, .24);--border-glow: rgba(56, 189, 248, .45);--text: #f0f6ff;--muted: #8b9bb8;--accent: #38bdf8;--accent-2: #ff7b30;--glow: 0 0 28px rgba(56, 189, 248, .28);--mono: "JetBrains Mono", "Noto Sans SC", ui-monospace, monospace;--display: "Noto Sans SC", system-ui, sans-serif;--ui: "Noto Sans SC", "DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--ui)}#canvas{display:block;width:100%;height:100%}#canvas:focus{outline:none}.hud-top,.hud-panel,.hud-bottom{position:absolute;z-index:10;pointer-events:none}.hud-top{top:0;left:0;right:0;height:3.2rem;display:flex;justify-content:flex-end;align-items:center;padding:.75rem 1.25rem;background:transparent;pointer-events:none}.brand{display:flex;gap:1rem;align-items:center;z-index:2;background:#060b14bf;border:1px solid rgba(0,240,255,.38);border-radius:14px;padding:.55rem 1.35rem;backdrop-filter:blur(24px) saturate(180%);box-shadow:0 10px 30px #000000a6,0 0 25px #00f0ff33;pointer-events:auto;transition:all .25s ease}.brand:hover{border-color:#00f0ff;box-shadow:0 12px 35px #000c,0 0 35px #00f0ff59;transform:translateY(-1px)}.brand-mark{font-size:1.85rem;color:#00f0ff;text-shadow:0 0 20px rgba(0,240,255,.95);animation:markPulse 3.5s ease-in-out infinite}@keyframes markPulse{0%,to{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(45deg) scale(1.1);opacity:.8}}.brand h1{font-family:var(--display);font-size:1.25rem;letter-spacing:.28em;font-weight:800;color:#fff;text-shadow:0 0 24px rgba(0,240,255,.75)}.brand p{color:#00f0ff;font-size:.68rem;margin-top:.15rem;letter-spacing:.12em;font-weight:600;text-shadow:0 0 10px rgba(0,240,255,.4)}.panel-telemetry-header{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%;padding-bottom:.75rem;margin-bottom:.65rem;border-bottom:1px solid rgba(125,211,252,.18)}.telemetry-top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.telemetry-sys-title{display:flex;align-items:center;gap:.5rem;font-family:var(--ui);font-size:.8rem;font-weight:600;letter-spacing:.04em;color:#93c5fd}.badge-live-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8;animation:pulse 1.6s ease-in-out infinite}.badge-status-tag{font-size:.68rem;font-family:var(--ui);font-weight:600;background:#0e749073;border:1px solid rgba(56,189,248,.5);color:#fff;padding:.12rem .5rem;border-radius:6px;letter-spacing:.02em}.telemetry-phase-deck{display:flex;flex-direction:column;gap:.35rem}.telemetry-sub-label{font-family:var(--ui);font-size:.7rem;color:#64748b;letter-spacing:.02em;font-weight:500}.telemetry-phase-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.badge-phase{font-family:var(--ui);font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.telemetry-readout-card{display:flex;align-items:center;justify-content:space-between;background:#040a16a6;border:1px solid rgba(56,189,248,.35);border-radius:10px;padding:.55rem .85rem;box-shadow:inset 0 1px 4px #0009}.readout-tag{font-family:var(--mono);font-size:.65rem;color:#7dd3fc;font-weight:700;letter-spacing:.12em}.badge-meta{font-family:var(--mono);font-size:.84rem;color:#38bdf8;font-weight:700;letter-spacing:.08em;text-shadow:0 0 12px rgba(56,189,248,.8)}.status{display:flex;align-items:center;gap:.65rem;font-size:.76rem;font-weight:700;color:#f1f5f9;background:#060e1c59;border:1px solid rgba(56,189,248,.28);border-radius:8px;padding:.45rem 1rem;backdrop-filter:blur(12px);box-shadow:0 0 20px #38bdf81f;pointer-events:auto;z-index:2}.status-tag{font-size:.62rem;color:#7dd3fc;letter-spacing:.1em}.dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hud-panel{top:.85rem;left:.85rem;width:min(300px,calc(100vw - 1.5rem));max-height:calc(100vh - 2rem);overflow-y:auto;overflow-x:hidden;pointer-events:auto;background:#080c16e0;border:1px solid rgba(110,182,255,.28);border-radius:14px;padding:.9rem 1rem 1.05rem;backdrop-filter:blur(18px) saturate(150%);box-shadow:0 12px 36px #0000008c}.hud-panel::-webkit-scrollbar{width:5px}.hud-panel::-webkit-scrollbar-track{background:#0a122366;border-radius:10px;margin:14px 0}.hud-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#1e40af);border-radius:10px;box-shadow:0 0 8px #38bdf899}.hud-panel::-webkit-scrollbar-thumb:hover{background:#38bdf8}.panel-header-badge{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:.68rem;letter-spacing:.18em;color:var(--accent);padding:.4rem .7rem;margin-bottom:1rem;background:#38bdf814;border:1px solid rgba(56,189,248,.25);border-radius:10px}.panel-ver{color:#94a3b8;font-family:var(--mono);font-size:.62rem;letter-spacing:.05em}.hud-section{position:relative}.hud-section+.hud-section{margin-top:.85rem;padding-top:.8rem;border-top:1px solid rgba(110,182,255,.12)}.hud-panel h2{font-family:var(--ui);font-size:.8rem;letter-spacing:.06em;font-weight:600;color:#cbd5e1;margin-bottom:.55rem}.btn-row.single{grid-template-columns:1fr;margin-top:.35rem}.btn-row.cam-grid{grid-template-columns:1fr 1fr 1fr;gap:.4rem}.btn-row.cam-grid button{font-size:.78rem;padding:.48rem .35rem}.row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;font-size:.8rem;font-weight:500;color:#cbd5e1}.row select{flex:1;max-width:175px;background:#0a1222f2;color:#f8fafc;border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:.45rem .6rem;font:inherit;font-size:.72rem;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease}.row select:hover,.row select:focus{border-color:var(--accent);box-shadow:0 0 12px #38bdf847}.row.check{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.4rem .6rem;margin-left:-.6rem;margin-right:-.6rem;border-radius:10px;transition:background .15s ease}.row.check:hover{background:#38bdf814}.row.check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:36px;height:20px;background:#0f172ae6;border:1px solid rgba(110,182,255,.32);border-radius:999px;position:relative;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.row.check input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#64748b;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000080}.row.check input[type=checkbox]:checked{background:#0e74908c;border-color:#38bdf8;box-shadow:0 0 14px #38bdf873}.row.check input[type=checkbox]:checked:after{left:18px;background:#38bdf8;box-shadow:0 0 10px #38bdf8}.row input[type=range]{flex:1;max-width:145px;appearance:none;-webkit-appearance:none;height:5px;background:#ffffff24;border-radius:999px;outline:none;cursor:pointer}.row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#38bdf8;box-shadow:0 0 12px #38bdf8;cursor:pointer;transition:transform .15s ease}.row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.22)}.sound-note{font-size:.65rem;color:var(--muted);margin-top:.45rem;line-height:1.45}.specs{list-style:none;display:grid;gap:.48rem}.specs li{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:#94a3b8;background:#0f172aa6;border:1px solid rgba(110,182,255,.14);border-radius:9px;padding:.48rem .75rem;transition:all .2s ease}.specs li:hover{background:#0f172af2;border-color:#38bdf866}.specs b{color:#38bdf8;font-weight:600;font-family:var(--mono);text-shadow:0 0 10px rgba(56,189,248,.35)}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.btn-row button{background:#0f1930c7;color:#e2e8f0;border:1px solid rgba(110,182,255,.24);border-radius:10px;padding:.6rem .5rem;font:inherit;font-size:.82rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000059}.btn-row button:hover{background:#38bdf82e;border-color:#38bdf8;color:#fff;box-shadow:0 0 16px #38bdf84d;transform:translateY(-1px)}.hint{margin-top:.85rem;font-size:.72rem;color:var(--muted);line-height:1.5}.hud-bottom{left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:1rem;padding:.95rem 1.75rem 2.8rem;font-size:.7rem;color:#64748b;background:linear-gradient(0deg,rgba(3,6,15,.88),transparent)}.mission-badge.live{border-color:#ff7b30;box-shadow:0 0 35px #ff7b3059}.mission-badge.live .badge-phase{color:var(--accent-2);text-shadow:0 0 16px rgba(255,123,48,.85)}.mission-badge.live .dot,#statusDot.live{background:#ff7b30;box-shadow:0 0 12px #ff7b30}.mission-btns{margin-bottom:.65rem}.btn-row button.primary{background:linear-gradient(135deg,#ff7324e0,#da3810e0);border:1px solid rgba(255,164,91,.8);color:#fff;font-weight:700;letter-spacing:.05em;box-shadow:0 0 22px #ff732466,inset 0 1px 1px #ffffff59}.btn-row button.primary:hover{background:linear-gradient(135deg,#ff8738f5,#ee4c1af5);box-shadow:0 0 30px #ff8738a6,inset 0 1px 1px #ffffff73;transform:translateY(-1px)}.btn-row button.pilot{background:linear-gradient(135deg,#0ea5e973,#3b82f666);border-color:#38bdf8bf;color:#f0f9ff;font-weight:600;letter-spacing:.05em;box-shadow:0 0 18px #38bdf840}.btn-row button.pilot:hover{background:linear-gradient(135deg,#0ea5e9a6,#3b82f68c);border-color:#38bdf8;box-shadow:0 0 26px #38bdf880;transform:translateY(-1px)}.btn-row button.design{background:linear-gradient(135deg,#a855f761,#8b5cf652);border-color:#c084fcad;color:#f3e8ff;font-weight:600}.btn-row button.design:hover{background:linear-gradient(135deg,#a855f794,#8b5cf67a);border-color:#c084fc;box-shadow:0 0 24px #c084fc73;transform:translateY(-1px)}.btn-row button#btnAbort{background:#ef44442e;border-color:#f8717173;color:#fca5a5}.btn-row button#btnAbort:hover{background:#ef444459;border-color:#f87171;box-shadow:0 0 18px #ef444466}.btn-row button.pilot.active{box-shadow:0 0 22px #38bdf899;border-color:#7dd3fc}.btn-row button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.pilot-hud{position:absolute;inset:0;z-index:8;pointer-events:none}.pilot-readouts{position:absolute;left:1.5rem;bottom:5.5rem;display:grid;gap:.35rem;background:#060c1cb8;border:1px solid rgba(120,180,255,.25);border-radius:12px;padding:.75rem 1rem;backdrop-filter:blur(10px);min-width:160px}.pilot-readouts div{display:flex;justify-content:space-between;gap:1.25rem;font-size:.72rem;color:var(--muted)}.pilot-readouts b{color:#9fd0ff;font-weight:600;font-variant-numeric:tabular-nums}.pilot-readouts b#pilotMode[data-mode=cruise]{color:#9fd0ff}.pilot-readouts b#pilotMode[data-mode=boost]{color:#ffb060;text-shadow:0 0 10px rgba(255,140,40,.45)}.pilot-readouts b#pilotMode[data-mode=hyper]{color:#5ce1ff;text-shadow:0 0 12px rgba(60,200,255,.55)}.pilot-readouts b#pilotMode[data-mode=warp]{color:#e0b0ff;text-shadow:0 0 14px rgba(180,100,255,.65)}.pilot-readouts .pilot-zone b{color:#d0a0ff;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilot-keys{position:absolute;left:50%;bottom:3.2rem;transform:translate(-50%);font-size:.68rem;color:#b4c8e6bf;background:#060c1c8c;border:1px solid rgba(120,180,255,.18);border-radius:999px;padding:.35rem 1rem;white-space:nowrap}.pilot-hint b{color:var(--accent)}body.pilot-mode .hud-bottom{opacity:.35}body.pilot-mode{--speed-glow: 0}#speedRim{pointer-events:none;position:fixed;inset:0;z-index:40;opacity:0;transition:opacity .2s ease;background:radial-gradient(ellipse 72% 68% at 50% 48%,transparent 0%,transparent 52%,rgba(80,200,255,calc(.08 * var(--speed-glow))) 78%,rgba(40,140,255,calc(.32 * var(--speed-glow))) 100%);box-shadow:inset 0 0 calc(48px + 40px * var(--speed-glow)) rgba(100,210,255,calc(.35 * var(--speed-glow))),inset 0 0 calc(120px + 80px * var(--speed-glow)) rgba(40,120,255,calc(.22 * var(--speed-glow)));mix-blend-mode:screen}body.pilot-hyper #speedRim,body.pilot-warp #speedRim{opacity:1;animation:speedRimPulse 1.1s ease-in-out infinite alternate}body.pilot-warp #speedRim{background:radial-gradient(ellipse 70% 66% at 50% 48%,transparent 0%,transparent 48%,rgba(180,120,255,calc(.1 * var(--speed-glow))) 76%,rgba(140,60,255,calc(.38 * var(--speed-glow))) 100%);box-shadow:inset 0 0 calc(56px + 48px * var(--speed-glow)) rgba(200,140,255,calc(.42 * var(--speed-glow))),inset 0 0 calc(140px + 90px * var(--speed-glow)) rgba(120,40,220,calc(.28 * var(--speed-glow)));animation-duration:.75s}@keyframes speedRimPulse{0%{filter:brightness(.92) saturate(1)}to{filter:brightness(1.12) saturate(1.15)}}@media(max-width:720px){.pilot-keys{white-space:normal;max-width:90%;text-align:center;border-radius:12px}.pilot-readouts{bottom:7rem}}.progress-wrap{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem}.progress-bar{flex:1;height:7px;border-radius:99px;background:#0f172ab3;border:1px solid rgba(110,182,255,.2);overflow:hidden}.progress-bar i{display:block;height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#38bdf8,#ff7b30);box-shadow:0 0 14px #38bdf8cc;transition:width .15s linear}#missionPct{font-size:.72rem;font-weight:600;color:#38bdf8;min-width:2.6rem;text-align:right;font-family:var(--mono)}.compact-top-timeline{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;margin:.15rem 0 0;pointer-events:auto}.tl-track{display:flex;align-items:center;justify-content:flex-start}.tl-step{display:none;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.78rem;font-weight:800;letter-spacing:.12em;white-space:nowrap;backdrop-filter:blur(20px)}.tl-track:not(:has(.active)):not(:has(.done)) .tl-step:first-child{display:inline-flex;color:#fff;background:#08162cf2;border:1px solid rgba(56,189,248,.8);border-radius:999px;padding:.35rem 1.35rem;box-shadow:0 8px 24px #000000bf,0 0 16px #38bdf873,inset 0 1px 1px #ffffff40;text-shadow:0 2px 4px rgba(0,0,0,.9);animation:tlBadgeEnter .35s cubic-bezier(.16,1,.3,1) forwards,tlReadyGlow 2.8s ease-in-out infinite}.tl-track:not(:has(.active)):not(:has(.done)) .tl-step:first-child:before{content:"◈ 流程准备：";color:#38bdf8}.tl-step.active{display:inline-flex;color:#fff;background:linear-gradient(135deg,#ea580cf2,#b4290aeb);border:1px solid rgba(255,154,85,.85);border-radius:999px;padding:.36rem 1.45rem;box-shadow:0 8px 24px #000c,0 0 18px #ff7b3099,inset 0 1px 1px #ffffff59;text-shadow:0 2px 4px rgba(0,0,0,.95);animation:tlBadgeEnter .35s cubic-bezier(.16,1,.3,1) forwards,tlActiveGlow 2s ease-in-out infinite}.tl-step.active:before{content:"▶ 当前流程：";color:#ffe8d6}@keyframes tlBadgeEnter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes tlReadyGlow{0%,to{box-shadow:0 8px 24px #000000bf,0 0 16px #38bdf873,inset 0 1px 1px #ffffff40;border-color:#38bdf8cc}50%{box-shadow:0 10px 28px #000000d9,0 0 25px #38bdf8d9,inset 0 1px 1px #ffffff73;border-color:#7dd3fc}}@keyframes tlActiveGlow{0%,to{box-shadow:0 8px 24px #000c,0 0 18px #ff7b3099,inset 0 1px 1px #ffffff59;border-color:#ff9a55d9}50%{box-shadow:0 10px 28px #000000d9,0 0 28px #ff7b30f2,inset 0 1px 1px #ffffff8c;border-color:#ffb87d}}@keyframes tlDoneGlow{0%,to{box-shadow:0 8px 24px #000000bf,0 0 16px #34d39973,inset 0 1px 1px #ffffff40;border-color:#34d399cc}50%{box-shadow:0 10px 28px #000000d9,0 0 26px #34d399d9,inset 0 1px 1px #ffffff73;border-color:#6ee7b7}}.tl-track:not(:has(.active)):has(.done) .tl-step:last-child{display:inline-flex;color:#fff;background:#06261ef2;border:1px solid rgba(52,211,153,.8);border-radius:999px;padding:.35rem 1.35rem;box-shadow:0 8px 24px #000000bf,0 0 16px #34d39973,inset 0 1px 1px #ffffff40;text-shadow:0 2px 4px rgba(0,0,0,.9);animation:tlBadgeEnter .35s cubic-bezier(.16,1,.3,1) forwards,tlDoneGlow 2.5s ease-in-out infinite}.tl-track:not(:has(.active)):has(.done) .tl-step:last-child:before{content:"✓ 达成状态：";color:#34d399}.perf-warn{margin-top:.6rem;font-size:.68rem;line-height:1.4;color:#fed7aa;background:#7c2d12a6;border:1px solid rgba(251,146,60,.55);border-radius:10px;padding:.55rem .7rem}.design-mode-root{position:absolute;inset:0;z-index:40;display:none;pointer-events:none}.design-mode-root.open,.design-mode-root:not([hidden]){display:flex;flex-direction:column;pointer-events:none}.design-studio-shell{flex:1;display:flex;flex-direction:column;min-height:0;pointer-events:none;font-family:var(--ds-sans);--ds-graphite: #12161a;--ds-graphite-2: rgba(18, 22, 26, .94);--ds-titanium: #9aa5ad;--ds-titanium-bright: #d5d8d0;--ds-text: #cfd8dc;--ds-text-bright: #e8eef2;--ds-blue: #8bc34a;--ds-blue-dim: rgba(139, 195, 74, .14);--ds-blue-glow: 0 0 18px rgba(124, 179, 66, .28);--ds-orange: #ffb74d;--ds-orange-dim: rgba(255, 183, 77, .16);--ds-green: #7cb342;--ds-green-dim: rgba(124, 179, 66, .16);--ds-line: rgba(255, 255, 255, .1);--ds-line-soft: rgba(255, 255, 255, .05);--ds-panel: rgba(26, 30, 34, .94);--ds-card: rgba(36, 42, 48, .88);--ds-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ds-mono: var(--mono, "JetBrains Mono", monospace);--ds-display: var(--display, "Orbitron", sans-serif);color:var(--ds-text)}.vab-shell .vab-lib-layout{display:flex;gap:.5rem;min-height:0;flex:1}.vab-cat-rail{display:flex;flex-direction:column;gap:.3rem;width:4.6rem;flex-shrink:0}.vab-cat-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .2rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#14181ce6;color:var(--ds-titanium);cursor:pointer;font-size:.58rem;line-height:1.15}.vab-cat-btn:hover,.vab-cat-btn.active{border-color:#7cb342;color:#e8eef2;background:#7cb34229}.vab-cat-icon{color:#8bc34a}.vab-cat-thumb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:5px;background:#14181c;border:1px solid rgba(139,195,74,.25);overflow:hidden}.vab-cat-thumb-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}.vab-cat-name{text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.vab-lib-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}.vab-part-hover{display:flex;gap:.55rem;padding:.5rem .55rem;border:1px solid rgba(139,195,74,.35);border-radius:6px;background:#141a16f2}.vab-part-hover[hidden]{display:none!important}.vab-hover-thumb{width:56px;height:56px;flex-shrink:0;border-radius:4px;background:#1a1e22;border:1px solid rgba(255,255,255,.08);overflow:hidden}.vab-hover-thumb-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;user-select:none}.vab-hover-title{font-weight:800;font-size:.82rem;color:#e8eef2}.vab-hover-blurb{font-size:.7rem;color:#9aa5ad;margin-top:.1rem}.vab-hover-stats{font-size:.66rem;color:#8bc34a;margin-top:.25rem;line-height:1.35}.vab-hover-hint{font-size:.64rem;color:#7a8790;margin-top:.2rem}.vab-empty-guide{padding:.45rem .55rem .15rem}.vab-empty-guide[hidden]{display:none!important}.vab-empty-card{border:1px dashed rgba(139,195,74,.45);border-radius:8px;padding:.65rem .75rem;background:#7cb34214;font-size:.74rem;color:#cfd8dc;margin-bottom:.35rem}.vab-empty-card strong{color:#8bc34a;font-size:.86rem}.vab-empty-card ol{margin:.35rem 0 0 1.1rem;padding:0;color:#9aa5ad}.vab-empty-card li{margin:.12rem 0}.vab-novice-toggle{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:#b0bec5;margin-right:.35rem;cursor:pointer;user-select:none}.vab-novice-toggle input{accent-color:#8bc34a}.vab-tpl-intro{font-size:.72rem;color:#90a4ae;padding:.45rem .6rem .2rem}.vab-template-wall{display:flex;flex-direction:column;gap:.45rem;padding:.4rem .55rem .8rem;overflow:auto;max-height:min(62vh,560px)}.vab-tpl-card{position:relative;text-align:left;border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--tpl-accent, #8bc34a);background:#1c2228f2;border-radius:8px;padding:.65rem .75rem .7rem;cursor:pointer;color:#eceff1;transition:border-color .15s,box-shadow .15s,background .15s}.vab-tpl-card:hover{border-color:var(--tpl-accent, #8bc34a);box-shadow:0 0 14px #8bc34a26;background:#242c32fa}.vab-tpl-card.active{border-color:var(--tpl-accent, #8bc34a);background:#7cb3421f}.vab-tpl-card.expert{opacity:.88;border-left-style:dashed}.vab-tpl-badge{display:inline-block;font-size:.62rem;letter-spacing:.04em;color:var(--tpl-accent, #8bc34a);border:1px solid color-mix(in srgb,var(--tpl-accent, #8bc34a) 50%,transparent);border-radius:999px;padding:.05rem .4rem;margin-bottom:.25rem}.vab-tpl-name{display:block;font-size:.9rem;font-weight:600;margin-bottom:.15rem}.vab-tpl-blurb{display:block;font-size:.7rem;color:#90a4ae;line-height:1.35}.vab-tpl-rec{display:inline-block;margin-top:.35rem;font-size:.62rem;color:#8bc34a}.vab-novice-hint{font-size:.68rem!important;margin:.35rem 0 0;line-height:1.35}.vab-flight-gate{border-radius:8px;padding:.55rem .65rem .65rem;border:1px solid rgba(255,255,255,.1);background:#14181ce6}.vab-flight-gate.level-green{border-color:#8bc34a73;box-shadow:0 0 12px #7cb3421f}.vab-flight-gate.level-yellow{border-color:#ffb74d73}.vab-flight-gate.level-red{border-color:#ef535080}.vab-gate-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.vab-gate-label{font-size:.68rem;color:#90a4ae;letter-spacing:.06em;text-transform:uppercase}.vab-gate-badge{font-size:.62rem;font-weight:700;padding:.1rem .4rem;border-radius:4px}.vab-gate-badge.level-green{background:#7cb34240;color:#8bc34a}.vab-gate-badge.level-yellow{background:#ffb74d33;color:#ffb74d}.vab-gate-badge.level-red{background:#ef535033;color:#ef5350}.vab-gate-headline{font-size:.92rem;font-weight:600;color:#eceff1;margin-bottom:.15rem}.vab-gate-summary{font-size:.7rem;margin-bottom:.4rem}.vab-gate-checks{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.4rem;max-height:9.5rem;overflow:auto}.vab-check-row{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#cfd8dc}.vab-check-dot{width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0;background:#78909c}.vab-check-row.green .vab-check-dot{background:#8bc34a}.vab-check-row.yellow .vab-check-dot{background:#ffb74d}.vab-check-row.red .vab-check-dot{background:#ef5350}.vab-gate-tips{font-size:.66rem;color:#ffb74d;margin-bottom:.4rem;line-height:1.4}.vab-gate-launch{width:100%;justify-content:center}.vab-gate-balance{margin:.35rem 0 .45rem;padding:.35rem .4rem;border-radius:6px;background:#00000040;border:1px solid rgba(255,255,255,.06)}.vab-bal-row{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#cfd8dc;margin:.12rem 0}.vab-bal-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.vab-bal-dot.com{background:#fc3;box-shadow:0 0 6px #fc39}.vab-bal-dot.thr.ok{background:#4fc3f7;box-shadow:0 0 6px #4fc3f780}.vab-bal-dot.thr.bad{background:#ef5350;box-shadow:0 0 6px #ef535080}.vab-bal-hint{font-size:.62rem!important;margin-top:.2rem!important}.vab-com-btn.active{border-color:#fc3!important;color:#ffe082!important;background:#ffcc331f!important}#dmFlightGate.flash-attention .vab-flight-gate{animation:vab-gate-flash .45s ease 2}@keyframes vab-gate-flash{0%,to{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}}.gate-green{color:#8bc34a}.gate-yellow{color:#ffb74d}.gate-red{color:#ef5350}.vab-wizard-overlay{position:absolute;left:.75rem;top:.75rem;z-index:6;max-width:min(280px,42vw);pointer-events:auto}.vab-wizard-overlay[hidden]{display:none!important}.vab-wizard-card{background:#12161aeb;border:1px solid rgba(139,195,74,.35);border-radius:10px;padding:.55rem .65rem .65rem;box-shadow:0 8px 28px #00000073;backdrop-filter:blur(8px)}.vab-wizard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.78rem;color:#cfd8dc}.vab-wizard-x{border:none;background:transparent;color:#90a4ae;font-size:1rem;cursor:pointer;line-height:1}.vab-wizard-steps{list-style:none;margin:0 0 .45rem;padding:0;display:flex;flex-direction:column;gap:.3rem}.vab-wizard-steps li{display:flex;gap:.4rem;align-items:flex-start;opacity:.55}.vab-wizard-steps li.done,.vab-wizard-steps li.current{opacity:1}.vab-wizard-steps .vw-num{width:1.25rem;height:1.25rem;border-radius:50%;background:#ffffff14;color:#b0bec5;font-size:.68rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.05rem}.vab-wizard-steps li.done .vw-num{background:#7cb34259;color:#8bc34a}.vab-wizard-steps li.current .vw-num{background:#64b5f64d;color:#64b5f6}.vab-wizard-steps .vw-body{display:flex;flex-direction:column;gap:.05rem}.vab-wizard-steps .vw-body b{font-size:.75rem;color:#eceff1;font-weight:600}.vab-wizard-steps .vw-body small{font-size:.64rem;color:#90a4ae;line-height:1.3}.vab-wizard-status{border-radius:6px;padding:.35rem .45rem;margin-bottom:.4rem;font-size:.7rem;display:flex;flex-direction:column;gap:.1rem}.vab-wizard-status.level-green{background:#7cb3421f;color:#c5e1a5}.vab-wizard-status.level-yellow{background:#ffb74d1f;color:#ffe0b2}.vab-wizard-status.level-red{background:#ef53501f;color:#ffcdd2}.vab-wizard-actions{display:flex;gap:.35rem}.vab-staging-stack.novice-hide{opacity:.35;pointer-events:none;filter:grayscale(.4)}.vab-view-group{display:inline-flex;gap:.2rem}.vab-view-btn.active{border-color:#7cb342!important;color:#8bc34a!important;background:#7cb3422e!important;box-shadow:0 0 10px #7cb34233}.vab-preview-live b{color:#8bc34a}.vab-part-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:.4rem;align-content:start;flex:1;overflow:auto;max-height:min(58vh,520px)}.vab-part-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:.25rem;padding:.45rem!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.12)!important;background:#20262cf2!important;transform:none!important;width:100%;min-width:0;cursor:pointer;text-align:left;color:inherit}.vab-part-card:hover{border-color:#8bc34a!important;box-shadow:0 0 12px #7cb34233;transform:none!important;background:#262e34fa!important}.vab-part-thumb{display:block;width:100%;height:80px;flex-shrink:0;border-radius:4px;background:#0e1216;border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}.vab-part-thumb-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;user-select:none}.vab-part-name{font-size:.72rem;font-weight:700;color:#e8eef2;line-height:1.2}.vab-part-stat{font-size:.64rem;color:#8bc34a}.vab-sym-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.4rem .55rem;border-bottom:1px solid rgba(255,255,255,.08)}.vab-sym-label{font-size:.68rem;color:var(--ds-titanium);margin-right:.2rem}.vab-sym-btn{border:1px solid rgba(255,255,255,.12);background:#14181ce6;color:#cfd8dc;border-radius:4px;padding:.15rem .4rem;font-size:.68rem;cursor:pointer}.vab-sym-btn.active,.vab-sym-btn:hover{border-color:#7cb342;color:#8bc34a}body.vab-placing canvas,body.vab-placing #c{cursor:none!important}body.design-mode:not(.vab-placing) canvas,body.design-mode:not(.vab-placing) #c{cursor:grab}body.design-mode:not(.vab-placing) canvas:active,body.design-mode:not(.vab-placing) #c:active{cursor:grabbing}body.vab-placing .vab-part-card{cursor:grabbing}body.vab-placing .vab-install-active{box-shadow:0 0 0 1px #8bc34a73,0 0 18px #8bc34a33}.vab-rot-readout{color:#c5e1a5;font-size:.85em;padding:0 .35rem}.vab-tool-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.35rem .55rem;border-bottom:1px solid rgba(255,255,255,.06)}.vab-tool-btn{border:1px solid rgba(255,255,255,.12);background:#00000040;color:#c8d0d8;border-radius:4px;padding:.22rem .4rem;font-size:.68rem;cursor:pointer}.vab-tool-btn.active,.vab-tool-btn:hover{border-color:#fc3;color:#ffe082;background:#ffc8321f}body.vab-linking .dm-tree-item{outline:1px dashed rgba(255,200,50,.35)}.ds-viewport{position:relative}.vab-staging-stack{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:5;width:132px;max-height:min(70vh,420px);display:flex;flex-direction:column;pointer-events:auto;background:#0c0e12d1;border:1px solid rgba(255,255,255,.1);border-radius:8px;backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000073;overflow:hidden}.vab-staging-head{display:flex;justify-content:space-between;align-items:center;padding:.35rem .45rem;font-size:.65rem;letter-spacing:.06em;color:#9aa8b5;border-bottom:1px solid rgba(255,255,255,.08)}.vab-staging-list{display:flex;flex-direction:column-reverse;gap:.28rem;padding:.4rem;overflow-y:auto;flex:1}.vab-stage-group{display:grid;grid-template-columns:1.2rem 1fr auto;gap:.25rem;align-items:center;background:#28303ad9;border:1px solid rgba(120,160,220,.25);border-radius:5px;padding:.28rem .3rem}.vab-stage-num{font-size:.7rem;color:#7eb6ff;text-align:center}.vab-stage-icons{display:flex;flex-wrap:wrap;gap:.15rem;font-size:.85rem;min-height:1.1rem}.vab-stage-ops{display:flex;flex-direction:column;gap:1px}.vab-stage-ops button{border:none;background:transparent;color:#8a96a4;cursor:pointer;font-size:.6rem;line-height:1;padding:0 2px}.vab-stage-ops button:hover{color:#e8eef2}.vab-staging-foot{padding:.25rem .4rem;font-size:.58rem;color:#6a7682;border-top:1px solid rgba(255,255,255,.06)}.vab-res-title{font-size:.68rem;color:#9aa8b5;margin:.45rem 0 .25rem;letter-spacing:.04em}.vab-res-summary{margin-top:.5rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.06)}.vab-res-bar-row,.vab-res-row{display:flex;align-items:center;gap:.35rem;font-size:.68rem;margin-bottom:.2rem}.vab-res-bar-row span,.vab-res-row span{width:1.6rem;font-weight:600}.vab-res-bar-track{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.vab-res-bar-track i{display:block;height:100%;border-radius:3px}.vab-res-part{margin:.4rem 0;padding:.35rem;background:#0003;border-radius:4px}.vab-check{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#c8d0d8;cursor:pointer}.vab-ag-grid{display:flex;flex-wrap:wrap;gap:.25rem}.vab-ag-btn{border:1px solid rgba(255,255,255,.12);background:#00000040;color:#aab4be;border-radius:3px;padding:.2rem .35rem;font-size:.62rem;cursor:pointer;font-family:var(--ds-mono, monospace)}.vab-ag-btn.active{border-color:#7cb342;color:#aed581;background:#7cb34226}.vab-conn-list{margin:.4rem 0;font-size:.7rem}.vab-conn-row{display:flex;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.2rem}.vab-install-tip{margin:.35rem 0 .5rem;font-size:.8rem;line-height:1.35}.vab-install-hints{padding:.5rem .65rem .75rem;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem}.vab-install-active{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.4rem;color:#8bc34a}.vab-target-list{display:flex;flex-direction:column;gap:.28rem;max-height:140px;overflow:auto}.vab-target-btn{text-align:left;border:1px solid rgba(124,179,66,.35);background:#7cb3421a;color:#e8eef2;border-radius:4px;padding:.3rem .45rem;font-size:.7rem;cursor:pointer}.vab-target-btn:hover{background:#7cb34238}.design-studio-shell .mono,.design-studio-shell input.mono,.design-studio-shell .perf-v,.design-studio-shell .tree-meta.mono,.design-studio-shell .tree-sub-tag.mono{font-family:var(--ds-mono);font-variant-numeric:tabular-nums}.ds-topbar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.4rem;background:#070a10e0;border-bottom:1px solid rgba(0,240,255,.22);backdrop-filter:blur(28px) saturate(180%);box-shadow:0 10px 40px #000000b3,0 1px #00f0ff59 inset;z-index:20;position:relative}.ds-topbar:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#00f0ff 25%,#38bdf8 50%,#00f0ff 75%,transparent);pointer-events:none}.ds-brand{display:flex;align-items:center;gap:.85rem;min-width:0}.ds-brand-mark{position:relative;width:2.35rem;height:2.35rem;flex-shrink:0;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(0,240,255,.45);background:radial-gradient(circle at top left,#00f0ff38,#0a0f19f2);box-shadow:0 0 18px #00f0ff40}.ds-mark-core{font-family:var(--ds-display);font-size:.78rem;font-weight:800;letter-spacing:.08em;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.9)}.ds-brand-text{min-width:0}.ds-brand-header-row{display:flex;align-items:center;gap:.65rem}.ds-brand-title{font-family:var(--ds-sans);font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.35)}.ds-sys-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--ds-mono);font-size:.62rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:#10b98126;border:1px solid rgba(16,185,129,.45);color:#34d399;letter-spacing:.06em}.ds-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseGreen 2s infinite ease-in-out}@keyframes pulseGreen{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}.ds-brand-meta{display:flex;align-items:center;gap:.6rem;margin-top:.15rem}.ds-brand-sub{font-size:.76rem;font-weight:600;color:var(--ds-blue);text-shadow:0 0 10px rgba(0,240,255,.4)}.ds-brand-arch{font-family:var(--ds-mono);font-size:.65rem;color:var(--ds-titanium);letter-spacing:.05em}.ds-top-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ds-btn-group{display:inline-flex;gap:.35rem}.ds-sep{width:1px;height:1.35rem;background:#ffffff1f;margin:0 .35rem}.ds-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ds-sans);font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:.45rem .85rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#121822d9;color:var(--ds-text);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.ds-btn .btn-i{color:var(--ds-blue);font-size:.9rem;transition:transform .2s}.ds-btn:hover:not(:disabled){border-color:#00f0ff;background:#1a2638f2;color:#fff;box-shadow:0 0 16px #00f0ff40;transform:translateY(-1px)}.ds-btn:active:not(:disabled){transform:translateY(0)}.ds-btn:disabled{opacity:.35;cursor:not-allowed}.ds-btn-primary.cyber-glow{background:linear-gradient(135deg,#00f0ff,#09f);border:1px solid rgba(255,255,255,.45);color:#030811;font-weight:700;box-shadow:0 0 24px #00f0ff73}.ds-btn-primary.cyber-glow .btn-i{color:#030811}.ds-btn-primary.cyber-glow:hover:not(:disabled){background:linear-gradient(135deg,#4df6ff,#1ab1ff);box-shadow:0 0 35px #00f0ffbf;color:#000}.ds-btn-ghost{background:transparent;border-color:#ffffff1f;color:var(--ds-titanium-bright)}.ds-btn-ghost:hover:not(:disabled){border-color:#ff646473;background:#ff32321f;color:#f99;box-shadow:0 0 16px #ff505033}.ds-btn-ghost .btn-i{color:inherit}.ds-btn-sm{font-size:.72rem;padding:.38rem .6rem;border-radius:6px;justify-content:center}.ds-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(290px,320px) 1fr minmax(320px,360px);gap:0;pointer-events:none;padding:.85rem 1rem 0;align-items:stretch}.ds-panel{pointer-events:auto;display:flex;flex-direction:column;gap:.65rem;padding:0;min-height:0;z-index:10}.ds-panel.ds-dock{background:var(--ds-panel);border:1px solid rgba(0,240,255,.22);border-radius:14px;backdrop-filter:blur(32px) saturate(180%);box-shadow:0 24px 60px #000000bf,0 0 0 1px #ffffff0a inset;overflow:hidden;max-height:calc(100% - .4rem);position:relative}.ds-dock-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:#0c121cbf;border-bottom:1px solid rgba(255,255,255,.08)}.ds-dock-header .dock-title{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--ds-sans);font-size:.82rem;font-weight:700;color:#fff;letter-spacing:.04em}.ds-dock-header .dock-icon{font-style:normal;color:var(--ds-blue);text-shadow:0 0 10px rgba(0,240,255,.8)}.ds-dock-header .dock-tag{font-family:var(--ds-mono);font-size:.62rem;font-weight:600;padding:.12rem .45rem;border-radius:4px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.35);color:#00f0ff;letter-spacing:.06em}.ds-left{padding:0}.ds-right{padding:.7rem;gap:.7rem}.ds-panel-block{background:var(--ds-card);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.85rem .9rem;min-height:0;overflow:auto}.ds-panel-block.ds-grow{flex:1}.ds-section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.ds-section-head.compact{margin-bottom:.55rem;padding-bottom:.45rem}.ds-section-head h2{font-family:var(--ds-sans);font-size:.85rem;font-weight:700;color:#fff;margin:0;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.4rem}.ds-section-head .sec-icon{color:var(--ds-blue)}.ds-section-head .sec-badge{font-family:var(--ds-mono);font-size:.6rem;font-weight:600;padding:.1rem .4rem;border-radius:3px;background:#38bdf826;color:#38bdf8}.ds-tabs{display:flex;background:#080c12e6;border-bottom:1px solid var(--ds-line);padding:.35rem .6rem;gap:.4rem;flex-shrink:0}.ds-tab{flex:1;font-family:var(--ds-sans);font-size:.78rem;font-weight:600;padding:.55rem .65rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ds-titanium);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.ds-tab:hover{color:#fff;background:#ffffff0d}.ds-tab.active{color:#00f0ff;background:#00f0ff1f;border-color:#00f0ff59;box-shadow:0 0 15px #00f0ff26}.ds-tab-panels{flex:1;min-height:0;display:flex;flex-direction:column}.ds-tab-panel{flex:1;min-height:0;overflow:auto;padding:.75rem .85rem}.ds-tab-panel[hidden]{display:none!important}.ds-viewport{position:relative;pointer-events:none;min-width:0}.ds-status-track{pointer-events:none;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.45rem 1.4rem .65rem;min-height:2rem;background:transparent;z-index:12}.ds-status-msg{font-size:.76rem;color:var(--ds-titanium)}.ds-status-msg.quiet b{color:var(--ds-text-bright);font-weight:600}.ds-status-track.attention .ds-status-msg.risk{color:#ffb703;opacity:1;background:#ff88002e;border:1px solid rgba(255,136,0,.45);border-radius:6px;padding:.35rem 1rem;font-weight:600;box-shadow:0 0 20px #ff880040}.dm-lib-cat{margin-bottom:.65rem;border:1px solid rgba(0,240,255,.16);border-radius:10px;background:#0b101abf;overflow:hidden;transition:all .22s cubic-bezier(.16,1,.3,1)}.dm-lib-cat[open]{border-color:#00f0ff61;box-shadow:0 6px 24px #0000008c,0 0 16px #00f0ff1f;background:#0d131fe0}.dm-lib-cat-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;cursor:pointer;list-style:none;user-select:none;background:#0f1623d1;transition:background .2s}.dm-lib-cat-head::-webkit-details-marker{display:none}.dm-lib-cat-head:hover{background:#182336f2}.lib-cat-title{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--ds-sans);font-size:.96rem;font-weight:800;color:#fff}.lib-cat-icon{color:#00f0ff;display:inline-flex;align-items:center;filter:drop-shadow(0 0 8px rgba(0,240,255,.65))}.lib-cat-meta{display:inline-flex;align-items:center;gap:.5rem}.lib-cat-count{font-family:var(--ds-mono);font-size:.72rem;color:#94a3b8;background:#ffffff14;padding:.14rem .52rem;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.lib-cat-chevron{color:#94a3b8;display:inline-flex;align-items:center;transition:transform .26s cubic-bezier(.16,1,.3,1)}.dm-lib-cat[open] .lib-cat-chevron{transform:rotate(180deg);color:#00f0ff}.dm-lib-items{display:flex;flex-direction:column;gap:.44rem;padding:.65rem .75rem .75rem}.dm-lib-item{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding:.64rem .78rem;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#121a26e0;color:#e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-size:.88rem;font-weight:700;font-family:var(--ds-sans);text-align:left;position:relative;overflow:hidden;width:100%}.dm-lib-tag{font-size:.72rem;color:#00f0ff;background:#00f0ff24;padding:.15rem .48rem;border-radius:5px;border:1px solid rgba(0,240,255,.32);flex-shrink:0}.dm-lib-zh{flex:1;font-size:.88rem;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-lib-plus{color:var(--ds-titanium);font-size:1.1rem;font-weight:800;display:inline-flex;align-items:center;transition:all .2s;flex-shrink:0}.dm-lib-item:hover{border-color:#00f0ff;background:#1a283ef5;color:#fff;box-shadow:0 4px 18px #00f0ff38;transform:translate(3px)}.dm-lib-item:hover .dm-lib-plus{color:#00f0ff;transform:scale(1.2)}.dm-tree{display:flex;flex-direction:column;gap:.35rem}.dm-tree-item{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.78rem;padding:.55rem .65rem;border-radius:8px;border:1px solid rgba(255,255,255,.05);background:#0e141eb3;color:#e2e8f0;cursor:pointer;transition:all .2s ease;font-family:var(--ds-sans);text-align:left;width:100%}.dm-tree-item .tree-left{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.dm-tree-item .tree-depth{width:0;flex-shrink:0}.dm-tree-item .tree-depth.d1{width:.65rem}.dm-tree-item .tree-depth.d2{width:1.3rem}.dm-tree-item .tree-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-tree-item .tree-meta,.dm-tree-item .tree-sub-tag{font-size:.64rem;color:#9aa5b6;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:.12rem .4rem;border-radius:4px;flex-shrink:0}.dm-tree-item.sub{font-size:.74rem;color:#a0aec0}.dm-tree-item:hover{background:#ffffff14;border-color:#00f0ff4d}.dm-tree-item.active{border-color:#00f0ff;border-left:3px solid #00f0ff;background:linear-gradient(90deg,#00f0ff2e,#0e141ed9);color:#fff;box-shadow:0 0 20px #00f0ff33}.dm-tree-item.active .tree-meta,.dm-tree-item.active .tree-sub-tag{color:#00f0ff;border-color:#00f0ff66;background:#00f0ff26}.dm-tree-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.85rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.08)}.dm-tree-actions[hidden]{display:none!important}.dm-sel-summary{margin-bottom:.8rem;padding-bottom:.7rem;border-bottom:1px solid rgba(255,255,255,.08)}.dm-sel-title{font-family:var(--ds-sans);font-size:.96rem;font-weight:700;color:#fff}.dm-sel-meta{margin-top:.25rem;font-size:.72rem;color:#00f0ff}.tree-icon{color:#00f0ff;display:inline-flex;align-items:center;flex-shrink:0}.dm-prop-group{border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:.55rem;background:#0a0e1699;transition:border-color .2s}.dm-prop-group[open]{border-color:#00f0ff4d}.dm-prop-group-sum{display:flex;align-items:center;justify-content:space-between;font-family:var(--ds-sans);font-size:.78rem;font-weight:700;color:#fff;padding:.6rem .75rem;cursor:pointer;list-style:none;user-select:none}.dm-prop-group-sum::-webkit-details-marker{display:none}.prop-sum-title{display:inline-flex;align-items:center;gap:.45rem;color:#fff}.prop-sum-title svg{color:#00f0ff}.prop-sum-arrow{color:#94a3b8;display:inline-flex;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1)}.dm-prop-group[open] .prop-sum-arrow{transform:rotate(180deg);color:#00f0ff}.dm-prop-group-body{padding:.25rem .75rem .65rem}.dm-field{display:flex;flex-direction:column;gap:.32rem;margin-bottom:.65rem;font-size:.73rem;font-weight:600;color:#a0aec0}.dm-field-label{font-family:var(--ds-sans)}.dm-field input,.dm-field select{font-family:var(--ds-sans);font-size:.82rem;padding:.48rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#0a0e16f2;color:#fff;transition:all .2s ease}.dm-field input.mono{font-family:var(--ds-mono)}.dm-field input:focus,.dm-field select:focus{outline:none;border-color:#00f0ff;box-shadow:0 0 0 3px #00f0ff2e}.dm-field input[type=color]{height:2.3rem;padding:.12rem;cursor:pointer}.dm-field input[type=range]{width:100%;accent-color:#00f0ff}.dm-perf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.75rem}.perf-card{background:#0c111aeb;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.25rem;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.perf-card:hover{border-color:#00f0ff59;box-shadow:0 6px 20px #00000080}.perf-card.ok{border-color:#10b98173}.perf-card.bad{border-color:#ff6e5080;background:#231010e0}.perf-card-head{display:flex;align-items:center;justify-content:space-between}.perf-k{font-family:var(--ds-sans);font-size:.68rem;font-weight:700;color:#94a3b8;letter-spacing:.03em}.perf-badge{font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;background:#10b9812e;color:#34d399}.perf-v{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.01em}.perf-v.ok{color:#34d399}.perf-v.bad{color:#fb7185}.perf-sub{font-size:.64rem;color:#78859a}.perf-bar-wrap{width:100%;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-top:.25rem}.perf-bar{display:block;height:100%;background:linear-gradient(90deg,#00f0ff,#38bdf8);border-radius:999px;transition:width .3s ease}.perf-bar.ok{background:linear-gradient(90deg,#10b981,#34d399)}.perf-bar.bad{background:linear-gradient(90deg,#f43f5e,#fb7185)}.check-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#34d399;box-shadow:0 0 8px #34d399}.check-dot.bad{background:#f43f5e;box-shadow:0 0 8px #f43f5e}.dm-perf-detail{margin-top:.55rem;font-size:.74rem;color:#94a3b8}.dm-perf-detail summary{cursor:pointer;font-family:var(--ds-sans);font-weight:600;padding:.35rem 0;list-style:none;color:#00f0ff}.dm-perf-detail summary::-webkit-details-marker{display:none}.dm-perf-more{margin-top:.4rem;list-style:none}.dm-perf-more li{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.dm-warn{margin-top:.65rem}.dm-warn-item{font-size:.74rem;color:#fed7aa;background:#7c2d12bf;border:1px solid rgba(251,146,60,.5);border-left:4px solid #f97316;border-radius:6px;padding:.55rem .7rem;margin-bottom:.4rem;font-weight:600}.dm-warn-ok{font-size:.74rem;font-weight:600;color:#34d399;background:#064e3ba6;border:1px solid rgba(16,185,129,.4);border-left:4px solid #10b981;border-radius:6px;padding:.55rem .7rem}.dm-tex-block{margin-top:.7rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.08)}.dm-tex-block h3{font-family:var(--ds-sans);font-size:.78rem;color:#fff;margin-bottom:.5rem}.dm-tex-preview{margin:.5rem 0;border-radius:8px;overflow:hidden;border:1px solid rgba(0,240,255,.3);max-height:120px;background:#05070a}.dm-tex-preview img{display:block;width:100%;height:120px;object-fit:contain}.dm-danger{margin-top:.7rem;font-family:var(--ds-sans);font-size:.78rem;font-weight:600;padding:.55rem .75rem;border-radius:8px;border:1px solid rgba(248,113,113,.45);background:#7f1d1d59;color:#fca5a5;cursor:pointer;width:100%;transition:all .2s}.dm-danger:hover{background:#b91c1cbf;border-color:#f87171;color:#fff;box-shadow:0 0 16px #f8717166}.design-toast{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:55;pointer-events:none;font-family:var(--ds-sans);font-size:.86rem;font-weight:600;padding:.75rem 1.4rem;border-radius:999px;background:#0a0f18f2;border:1px solid rgba(0,240,255,.45);color:#00f0ff;backdrop-filter:blur(20px);box-shadow:0 12px 35px #000c,0 0 25px #00f0ff40}.design-toast[data-kind=err]{border-color:#f8717199;color:#fca5a5;box-shadow:0 12px 35px #000c,0 0 25px #f8717140}body.design-mode .hud-top,body.design-mode .hud-panel,body.design-mode .hud-bottom,body.design-mode .timeline,body.design-mode .pilot-hud,body.design-mode #speedRim{display:none!important}@media(prefers-reduced-motion:reduce){.design-studio-shell *,.design-studio-shell *:before,.design-studio-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1100px){.ds-workspace{grid-template-columns:minmax(240px,280px) 1fr minmax(250px,290px)}.ds-btn .btn-label{display:none}}@media(max-width:980px){.ds-workspace{grid-template-columns:minmax(220px,250px) 1fr minmax(230px,260px)}.ds-brand-meta{display:none}}@media(max-width:720px){.hud-panel{top:auto;bottom:3.2rem;left:.75rem;right:.75rem;width:auto;max-height:38vh}.hud-bottom{flex-direction:column;gap:.25rem}.brand p,.mission-badge{display:none}.timeline{bottom:1.8rem}.tl-step{font-size:.5rem;padding:.2rem .4rem}.ds-workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:auto;padding:.4rem}.ds-left,.ds-right{max-height:30vh}.ds-viewport{min-height:32vh}.ds-topbar{flex-direction:column;align-items:stretch}.ds-top-actions{justify-content:flex-start;flex-wrap:wrap}}
