:root{--bg:oklch(0.18 0.008 240);--bg-2:oklch(0.21 0.008 240);--panel:oklch(0.235 0.008 240);--panel-2:oklch(0.27 0.008 240);--line:oklch(0.32 0.008 240);--line-strong:oklch(0.4 0.008 240);--fg:oklch(0.96 0.005 90);--fg-dim:oklch(0.72 0.008 240);--fg-mute:oklch(0.55 0.01 240);--accent:oklch(0.82 0.15 85);--accent-dim:oklch(0.82 0.15 85/0.18);--accent-ink:oklch(0.2 0.01 240);--danger:oklch(0.72 0.15 28);--ok:oklch(0.78 0.14 155);--grid:oklch(0.26 0.008 240);--grid-strong:oklch(0.3 0.008 240);--mono:"JetBrainsMono Nerd Font","FiraCode Nerd Font",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:var(--mono)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:13px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:280px 1fr 300px;grid-template-rows:44px 1fr 28px;height:100vh;width:100vw;grid-gap:0;gap:0}.topbar{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:0 16px;background:var(--bg-2);border-bottom:1px solid var(--line)}.brand{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--fg)}.topbar .spacer{flex:1 1}.topbar .status{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--fg-dim);padding:4px 10px;border:1px solid var(--line);border-radius:2px}.topbar .status .pulse{width:6px;height:6px;border-radius:50%;background:var(--fg-mute)}.topbar .status.running .pulse{background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.topbar .status.idle .pulse{background:var(--fg-mute)}.topbar .status.paused .pulse{background:var(--ok)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.panel{background:var(--bg-2);overflow-y:auto;overflow-x:hidden}.panel.left{border-right:1px solid var(--line)}.panel.right{border-left:1px solid var(--line)}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.section{border-bottom:1px solid var(--line);padding:14px 16px 16px}.section:last-child{border-bottom:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-weight:600;letter-spacing:.14em;text-transform:uppercase}.section-index,.section-title{font-family:var(--mono);font-size:10px;color:var(--fg-mute)}.btn{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:8px 12px;cursor:pointer;transition:all .1s ease;display:inline-flex;align-items:center;gap:8px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--line-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn.primary:hover:not(:disabled){background:oklch(.86 .15 85)}.btn.ghost{background:transparent}.btn.ghost:hover:not(:disabled){background:var(--panel)}.btn.danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.btn .kbd{font-family:var(--mono);font-size:10px;color:var(--fg-mute);background:var(--bg);border:1px solid var(--line);padding:1px 5px;border-radius:2px;margin-left:auto}.btn.primary .kbd{background:oklch(.2 .01 240/.3);border-color:oklch(.2 .01 240/.2);color:var(--accent-ink)}.row{display:flex;gap:8px}.row>.btn{flex:1 1;justify-content:center}.stack{display:flex;flex-direction:column;gap:8px}.input{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:2px;padding:8px 10px;width:100%;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.input-wrap{position:relative}.input-wrap .label{position:absolute;left:10px;top:-6px;background:var(--bg-2);padding:0 4px;font-family:var(--mono);font-size:9px;color:var(--fg-mute);letter-spacing:.1em;text-transform:uppercase}.hp{display:flex;flex-direction:column}.hp-row{display:grid;grid-template-columns:1fr 90px;align-items:center;grid-gap:8px;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line)}.hp-row:last-child{border-bottom:0}.hp-key{color:var(--fg-dim)}.hp-input,.hp-key{font-family:var(--mono);font-size:11px}.hp-input{font-weight:500;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:2px;padding:5px 8px;width:100%;outline:none;text-align:right}.hp-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.hp-input[data-dirty=true]{color:var(--accent)}.stage{position:relative;background:var(--bg);overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.8}.stage-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--grid-strong) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-strong) 1px,transparent 1px);background-size:200px 200px}.stage-frame{position:absolute;inset:16px;border:1px solid var(--line);pointer-events:none}.stage-frame .corner{position:absolute;width:8px;height:8px;border:1px solid var(--fg-mute)}.stage-frame .c-tl{top:-1px;left:-1px;border-right:0;border-bottom:0}.stage-frame .c-tr{top:-1px;right:-1px;border-left:0;border-bottom:0}.stage-frame .c-bl{bottom:-1px;left:-1px;border-right:0;border-top:0}.stage-frame .c-br{bottom:-1px;right:-1px;border-left:0;border-top:0}.stage-grid-host{position:absolute;inset:0}.hud{position:absolute;font-family:var(--mono);font-size:10px;color:var(--fg-mute);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;z-index:2}.hud.tl{top:24px;left:24px}.hud.tr{top:24px;right:24px;text-align:right}.hud.bl{bottom:24px;left:24px}.hud.br{bottom:24px;right:24px;text-align:right}.hud-big{font-family:var(--mono);font-size:40px;font-weight:500;color:var(--fg);letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:4px;max-width:40vw}.hud-big .lbl{font-size:10px;color:var(--fg-mute);letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:6px;font-weight:500}.hud-big .delta{display:inline-block;margin-left:10px;font-size:12px;color:var(--accent);vertical-align:middle}.hud-dist{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--fg);letter-spacing:-.02em;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-dist .unit{font-size:10px;color:var(--fg-mute);margin-left:4px}.empty{position:absolute;inset:0;flex-direction:column;gap:20px;pointer-events:none}.empty,.empty .ring{display:flex;align-items:center;justify-content:center}.empty .ring{width:88px;height:88px;border:1px dashed var(--line-strong);border-radius:50%;position:relative}.empty .ring:before{content:"";width:4px;height:4px;background:var(--fg-mute);border-radius:50%}.empty .msg{font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:.1em;text-transform:uppercase;text-align:center;line-height:1.8}.empty .msg b{color:var(--fg-dim);font-weight:500}.stat-card{background:var(--bg);border:1px solid var(--line);border-radius:2px;padding:10px 12px;position:relative}.stat-card+.stat-card{margin-top:8px}.stat-card .k{font-family:var(--mono);font-size:9px;color:var(--fg-mute);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;display:flex;justify-content:space-between}.stat-card .v{font-family:var(--mono);font-size:22px;font-weight:600;color:var(--fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}.stat-card .sub{font-family:var(--mono);font-size:10px;color:var(--fg-mute);margin-top:4px}.stat-card .sub.accent{color:var(--accent)}.spark-wrap{background:var(--bg);border:1px solid var(--line);border-radius:2px;padding:10px 12px}.spark-wrap .k{font-family:var(--mono);font-size:9px;color:var(--fg-mute);letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:8px}.spark{width:100%;height:60px;display:block}.footer{grid-column:1/-1;background:var(--bg-2);border-top:1px solid var(--line);display:flex;align-items:center;padding:0 16px;font-family:var(--mono);font-size:10px;color:var(--fg-mute);gap:20px;letter-spacing:.08em}.footer .kv{display:flex;gap:6px}.footer .kv .k{color:oklch(.45 .01 240)}.footer .kv .v{color:var(--fg-dim)}.footer .spacer{flex:1 1}@media (max-width:1100px){.app{grid-template-columns:240px 1fr 260px}.hud-big{font-size:36px}}