:root{--bg:#f6f7f9;--panel:#fff;--panel-2:#f0f1f4;--border:#d9dce3;--text:#1b1e24;--muted:#6b7280;--accent:#2f6fed;--accent-text:#fff;--good:#1b7f3b;--bad:#c0392b;--warn:#8a6d00;--shadow:0 1px 2px #0f141e0f, 0 8px 24px #0f141e0f;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--panel:#1c1f25;--panel-2:#23272f;--border:#333843;--text:#e7e9ee;--muted:#9aa1af;--accent:#5b8dff;--accent-text:#0b0d11;--good:#57c979;--bad:#ff7b6b;--warn:#e2c14b;--shadow:0 1px 2px #00000080, 0 12px 32px #00000059}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{font-size:14px;line-height:1.45}h1,h2,h3{margin:0;font-weight:650}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.42rem .7rem}button:hover:not(:disabled){background:var(--panel-2)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--panel-2);color:var(--text)}input[type=text],input[type=number],textarea,select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.4rem .55rem}textarea{white-space:pre;overflow-wrap:normal;resize:vertical;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.muted{color:var(--muted)}.row{align-items:center;gap:.5rem;display:flex}.spacer{flex:1}.spin{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:-2px;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}