:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6e6e6;--panel:#1c1c1c;--border:#2e2e2e;--muted:#9a9a9a;--accent:#7cc4ff;--live:#4ad67a;--warn:#ffb454;--bad:#ff6b6b;background:#121212;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4}*{box-sizing:border-box}body{min-height:100vh;margin:0}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;gap:12px;width:min(100%,440px);padding:28px;display:grid}.login-card h1{margin:0;font-size:24px}.login-card p,.login-card label{color:var(--muted)}.login-card input{width:100%;min-width:0;font:inherit;color:inherit;border:1px solid var(--border);background:#0f0f0f;border-radius:5px;padding:10px}.login-card button{font:inherit;background:var(--accent);color:#0b0b0b;cursor:pointer;border:0;border-radius:5px;padding:10px}.login-card button.secondary{color:var(--muted);background:0 0;justify-self:center;padding:4px;text-decoration:underline}[role=alert]{color:var(--bad)}.app{flex-direction:column;gap:12px;max-width:1500px;margin:0 auto;padding:12px 16px 24px;display:flex}.toolbar{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:10px 12px;display:flex}.toolbar label{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.toolbar input{font:inherit;color:inherit;border:1px solid var(--border);background:#0f0f0f;border-radius:4px;padding:4px 8px}.connect{align-items:center;gap:8px;display:inline-flex}.connect input{width:300px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.range input{width:72px}.toolbar button{font:inherit;color:#0b0b0b;background:var(--accent);cursor:pointer;border:none;border-radius:4px;padding:5px 12px}.status:before{content:"";background:var(--muted);border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.status-live:before{background:var(--live)}.status-connecting:before{background:var(--warn)}.status-error:before,.status-closed:before{background:var(--bad)}.meta{color:var(--muted)}.panels{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px 12px}.panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.stage{cursor:crosshair;background:#000;border-radius:4px;position:relative;overflow:hidden}.stage canvas{width:100%;height:auto;display:block}.stage .overlay{touch-action:none;height:100%;position:absolute;inset:0}.legend{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.legend-bar{border-radius:3px;flex:1;max-width:260px;height:10px}.legend-note{margin-left:auto}.readout{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.tile{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.tile .label{color:var(--muted);font-size:12px}.tile .value{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.intrinsics{color:var(--muted);flex-wrap:wrap;gap:4px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}