:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#16213e;--line:#2a3558;--text:#e0e0e0}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{color:var(--text);background:#0f1629;font:13px/1.4 system-ui,sans-serif;overflow:hidden}.shell{grid-template:"toolbar toolbar""canvas panel"1fr/1fr minmax(260px,22rem);height:100%;display:grid}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);grid-area:toolbar;align-items:center;gap:1rem;padding:.4rem .8rem;display:flex}.canvas-host{grid-area:canvas;min-width:0;min-height:0;position:relative}.canvas-host canvas{width:100%;height:100%;display:block}.side-panel{background:var(--panel);border-left:1px solid var(--line);grid-area:panel;align-content:start;gap:.6rem;padding:.8rem;display:grid;overflow:auto}.hud{font-variant-numeric:tabular-nums;opacity:.85;margin-left:auto}.cap-table{border-collapse:collapse;width:100%}.cap-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:2px 4px}.ok{color:#7bd88f}.bad{color:#ff6b6b}.warn{color:#ffd166}.error-screen{align-content:center;gap:1rem;max-width:48rem;height:100%;margin:0 auto;padding:2rem;display:grid;overflow:auto}.error-screen pre{white-space:pre-wrap;background:var(--panel);border-radius:4px;padding:.8rem}@media (width<=720px){.shell{grid-template:"toolbar""canvas"1fr"panel"/1fr}.side-panel{border-left:0;border-top:1px solid var(--line);max-height:40vh}}