:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eef3;font-synthesis:none;--steel:#1a2530;--line:#22303c;--cyan:#26c6da;--cyan-soft:#0e2b32;--muted:#7d909e;--amber:#e0483c;--ok:#43d6a0;background:#0a0e12;font-family:Inter Tight,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#0a0e12;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,[role=application]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background:radial-gradient(120% 90% at 100% 0,#10222b 0,#0000 45%),linear-gradient(#0a0e12,#0a0e12);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:#0a0e12e6;flex:none;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 clamp(14px,3vw,28px);display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.mark{width:38px;height:38px;color:var(--cyan);background:linear-gradient(150deg,#16323b,#0c1a20);border:1px solid #2b4b57;border-radius:11px;flex:none;place-items:center;font-size:20px;display:grid}.brand strong{letter-spacing:-.01em;font-size:15px;display:block}.brand small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;display:block;overflow:hidden}.topbar-actions{flex:none;align-items:center;gap:10px;display:flex}.mode-tag{background:var(--cyan-soft);color:#7fe6f2;letter-spacing:.04em;border:1px solid #1d4b55;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700}.mode-tag.is-2d{color:#e6c96a;background:#2a2413;border-color:#4a4020}.workspace{flex:auto;grid-template-columns:1fr 340px;min-height:0;display:grid}.stage-wrap{min-height:0;position:relative;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{display:block}.view-note{color:#f0d98a;text-align:center;background:#2a2413f0;border:1px solid #4a4020;border-radius:10px;max-width:min(560px,100% - 32px);margin:0;padding:9px 14px;font-size:12px;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.clearance{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090e12db;border-radius:12px;align-items:center;gap:9px;padding:9px 14px;display:flex;position:absolute;top:16px;left:16px}.clearance .dot{background:var(--ok);width:10px;height:10px;box-shadow:0 0 12px var(--ok);border-radius:50%}.clearance.bad .dot{background:var(--amber);box-shadow:0 0 12px var(--amber)}.clearance b{font-variant-numeric:tabular-nums;font-size:16px}.clearance.bad b{color:#ff8a80}.clearance small{color:var(--muted);font-size:11px}.help-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090e12f2;border-radius:13px;width:min(280px,100% - 32px);padding:15px 17px;position:absolute;top:16px;right:16px}.help-card h3{margin:0 0 9px;font-size:13px}.help-card ul{color:#b7c4cd;gap:7px;margin:0;padding-left:18px;font-size:12px;line-height:1.45;display:grid}.help-card b{color:#e8eef3}.drawer-toggle{display:none}.panel{border-left:1px solid var(--line);background:#0b1116;overflow-y:auto}.panel-inner{flex-direction:column;gap:18px;padding:22px clamp(16px,2vw,22px) 28px;display:flex}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{letter-spacing:-.01em;margin:0;font-size:17px}.panel-head-actions{align-items:center;gap:10px;display:flex}.panel-close{display:none}.live{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:10px}.live.on{color:#05232a;background:var(--cyan);border-color:var(--cyan)}.metric{flex-direction:column;gap:5px;display:flex}.metric .label{color:var(--muted);font-size:12px}.metric strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px}.metric em{color:var(--muted);font-size:11px;font-style:normal}.metric.hero{background:linear-gradient(160deg,#10232b,#0b141a);border:1px solid #1d3c46;border-radius:15px;padding:18px}.metric.hero strong{color:#eafcff;font-size:40px}.metric.hero em.up{color:var(--ok)}.metric.hero em.down{color:#ff8a80}strong.good{color:var(--ok)}strong.warn{color:#ff8a80}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric-grid .metric{border:1px solid var(--line);background:#0e1519;border-radius:13px;padding:14px}.presets{gap:10px;display:grid}.presets-label,.hint{color:var(--muted);margin:0;font-size:12px}.presets-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.preset-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preset-row button{border:1px solid var(--line);color:#e8eef3;text-align:left;background:#0e1519;border-radius:11px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 13px;font-size:13px;font-weight:650;display:flex}.preset-row button small{color:var(--muted);font-size:11px;font-weight:500}.preset-row button:hover{background:#111c22;border-color:#33505c}.preset-row button.solid{background:var(--cyan);color:#04232a;border-color:var(--cyan);justify-content:center;align-items:center;font-weight:750}.preset-row button.solid:hover{background:#3ad2e6}.preset-row button.ghost{justify-content:center;align-items:center}.ghost{border:1px solid var(--line);color:#cdd8df;background:#0e1519;border-radius:10px;padding:9px 13px;font-size:13px}.ghost:hover{border-color:#33505c}.hint{padding-top:2px;line-height:1.5}.toast{color:#ffcabf;text-align:center;z-index:20;background:#2a1512;border:1px solid #5a281f;border-radius:12px;max-width:min(520px,100% - 32px);padding:13px 18px;font-size:13px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #00000080}@media (width<=820px){.workspace{grid-template-columns:1fr}.brand small{display:none}.drawer-toggle{z-index:12;background:var(--cyan);color:#04232a;border:0;border-radius:999px;min-height:44px;padding:11px 18px;font-size:13px;font-weight:750;display:block;position:absolute;bottom:16px;right:16px;box-shadow:0 10px 26px #00000073}.panel-close{border:1px solid var(--line);color:#e8eef3;background:#0e1519;border-radius:999px;justify-content:center;align-items:center;min-width:72px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:650;display:inline-flex}.toast{bottom:76px}.panel{z-index:15;border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;max-height:74vh;transition:transform .28s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -18px 44px #00000080}.panel:not(.open){transform:translateY(102%)}.panel.open{transform:translateY(0)}.stage-wrap{min-height:60vh}.help-card{top:auto;bottom:74px;right:16px}}@media (width<=460px){.metric-grid{grid-template-columns:1fr}.metric.hero strong{font-size:34px}}