:root{--bg: #0a0a0b;--panel: #111113;--panel2: #17171a;--panel3: #1f1f24;--code: #08080a;--line: rgba(255, 255, 255, .065);--line2: rgba(255, 255, 255, .13);--fg: #eae7e2;--fg2: rgba(234, 231, 226, .68);--fg3: rgba(234, 231, 226, .46);--acc: oklch(.79 .13 68);--accf: oklch(.79 .13 68 / .14);--accd: oklch(.62 .12 68);--accfg: #160f04;--ok: oklch(.78 .13 152);--warn: oklch(.82 .14 84);--bad: oklch(.66 .17 26);--inp: rgba(255, 255, 255, .05);--rail: 52px}:root[data-theme=light]{--bg: #eeece7;--panel: #fbfaf7;--panel2: #f2f0ea;--panel3: #e6e3da;--code: #f4f2ec;--line: rgba(24, 21, 16, .1);--line2: rgba(24, 21, 16, .19);--fg: #1a1815;--fg2: rgba(26, 24, 21, .74);--fg3: rgba(26, 24, 21, .58);--acc: oklch(.62 .14 62);--accf: oklch(.62 .14 62 / .12);--accd: oklch(.62 .14 62);--accfg: #fffdf8;--ok: oklch(.55 .13 152);--warn: oklch(.62 .14 74);--bad: oklch(.54 .18 26);--inp: rgba(24, 21, 16, .045)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}a{color:var(--acc);text-decoration:none}a:hover{color:var(--fg)}input,select,textarea,button{font:inherit;color:inherit;background:transparent;border:0;outline:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:9px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@keyframes pulse{50%{opacity:.35}}.sp-mono{font-family:IBM Plex Mono,monospace}.sp-field{height:28px;padding:0 9px;border-radius:6px;background:var(--inp);border:1px solid var(--line2);font:500 11.5px IBM Plex Mono,monospace;width:100%}.sp-field:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--accf)}.sp-label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--fg2)}.sp-btn{height:28px;padding:0 12px;display:inline-flex;align-items:center;border-radius:6px;font-size:11.5px;cursor:default;border:1px solid var(--line2);background:transparent;color:var(--fg2)}.sp-btn:disabled{opacity:.5;cursor:default}.sp-btn-primary{background:var(--acc);color:var(--accfg);font-weight:600;border-color:transparent}.sp-alert{padding:9px 11px;border:1px solid oklch(.62 .17 26 / .45);border-radius:7px;background:#da534d12;color:var(--bad);font-size:11.5px}.sp-dot{display:inline-block;width:6px;height:6px;border-radius:6px;box-shadow:0 0 0 2px var(--panel)}.sp-dot-ok{background:var(--ok)}.sp-dot-warn{background:var(--warn)}.sp-dot-bad{background:var(--bad);animation:pulse 1.6s infinite}