:root{--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--bg-0: oklch(16% .01 250);--bg-1: oklch(19% .01 250);--bg-2: oklch(22% .01 250);--bg-3: oklch(26% .01 250);--bg-4: oklch(30% .01 250);--line-1: oklch(28% .01 250);--line-2: oklch(34% .01 250);--line-3: oklch(42% .01 250);--fg-0: oklch(96% .005 250);--fg-1: oklch(82% .01 250);--fg-2: oklch(64% .01 250);--fg-3: oklch(48% .01 250);--fg-4: oklch(38% .01 250);--ok: oklch(72% .18 145);--ok-d: oklch(38% .1 145);--run: oklch(78% .16 85);--run-d: oklch(42% .1 85);--err: oklch(68% .2 25);--err-d: oklch(38% .13 25);--idle: oklch(58% .01 250);--idle-d:oklch(34% .01 250);--info: oklch(70% .14 235);--info-d:oklch(36% .09 235);--warn: oklch(78% .16 75);--warn-d:oklch(42% .1 75);--acc: oklch(78% .14 215);--acc-d: oklch(38% .09 215);--row: 28px;--row-sm: 22px;--r: 4px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:13px;color:var(--fg-1);background:var(--bg-0);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","ss02","cv11"}app-root{display:block;height:100%}.mono{font-family:var(--font-mono);font-feature-settings:"zero","ss01"}.dim{color:var(--fg-2)}.dim2{color:var(--fg-3)}.dim3{color:var(--fg-4)}.fg0{color:var(--fg-0)}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;padding:0}::selection{background:var(--acc-d);color:var(--fg-0)}.pill{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--fg-1);background:var(--bg-1);white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:999px;background:var(--idle)}.pill.success{border-color:var(--ok-d);color:var(--ok)}.pill.success .dot{background:var(--ok);box-shadow:0 0 6px #4cc15799}.pill.running{border-color:var(--run-d);color:var(--run)}.pill.running .dot{background:var(--run);animation:blink 1.2s infinite}.pill.failed{border-color:var(--err-d);color:var(--err)}.pill.failed .dot{background:var(--err)}.pill.queued{border-color:var(--idle-d);color:var(--fg-2)}.pill.skipped,.pill.cancelled{border-color:var(--idle-d);color:var(--fg-3)}.pill.current{border-color:var(--acc-d);color:var(--acc)}.pill.connected{border-color:var(--ok-d);color:var(--ok)}.pill.connected .dot{background:var(--ok);box-shadow:0 0 6px #4cc15799}.pill.degraded,.pill.auth_required{border-color:var(--warn);color:var(--warn)}.pill.degraded .dot,.pill.auth_required .dot{background:var(--warn)}.pill.disconnected{border-color:var(--idle-d);color:var(--fg-3)}.pill.error{border-color:var(--err-d);color:var(--err)}.pill.error .dot{background:var(--err)}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.tag{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:3px;font-family:var(--font-mono);font-size:11px;color:var(--fg-1)}.tag.acc{border-color:var(--acc-d);color:var(--acc)}.tag.warn{border-color:var(--run-d);color:var(--run)}.hr{height:1px;background:var(--line-1);border:0;margin:0}.btn{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r);font-family:var(--font-mono);font-size:11.5px;color:var(--fg-1);cursor:pointer;transition:background 80ms ease,border-color 80ms ease,color 80ms ease}.btn:hover{background:var(--bg-3);color:var(--fg-0);border-color:var(--line-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--acc-d);border-color:var(--acc);color:var(--fg-0)}.btn.primary:hover{background:oklch(48% .12 215)}.btn.danger{color:var(--err);border-color:var(--err-d)}.btn.danger:hover{background:#4f0a0d}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn.ghost:hover{background:var(--bg-2);color:var(--fg-0)}.btn.icon{width:26px;padding:0;justify-content:center}.btn.sm{height:22px;font-size:11px;padding:0 8px}.input{height:26px;padding:0 8px;background:var(--bg-1);border:1px solid var(--line-2);border-radius:var(--r);font-family:var(--font-mono);font-size:11.5px;color:var(--fg-0);outline:none}.input:focus{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-d)}.panel{background:var(--bg-1);border:1px solid var(--line-1);border-radius:6px}.panel-h{height:32px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--line-1);font-family:var(--font-mono);font-size:11px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}.panel-h .right{margin-left:auto;display:flex;gap:6px;align-items:center}.hatch{background-image:repeating-linear-gradient(135deg,transparent 0 6px,oklch(28% .01 250 / .4) 6px 7px)}.grid-bg{background-image:radial-gradient(oklch(28% .01 250) 1px,transparent 1px);background-size:16px 16px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:2px solid var(--bg-0)}*::-webkit-scrollbar-thumb:hover{background:var(--line-3)}*::-webkit-scrollbar-track{background:transparent}.code{font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:var(--fg-1);background:var(--bg-0);border:1px solid var(--line-1);border-radius:4px;padding:8px 10px;white-space:pre;overflow-x:auto}.row{display:grid;grid-template-columns:16px 90px 1fr 70px 90px 90px 80px;align-items:center;gap:10px;height:30px;padding:0 10px;border-top:1px solid var(--line-1);font-family:var(--font-mono);font-size:12px;cursor:pointer}.row:hover{background:var(--bg-2)}.row.selected{background:var(--bg-2);box-shadow:inset 2px 0 0 var(--acc)}.row .name{color:var(--fg-0)}.kbd{display:inline-block;font-family:var(--font-mono);font-size:10px;border:1px solid var(--line-2);border-bottom-width:2px;background:var(--bg-2);color:var(--fg-1);padding:1px 5px;border-radius:3px;line-height:1}