:root{--bg:#fff;--bg-subtle:#fafafa;--bg-muted:#f4f4f5;--fg:#09090b;--fg-muted:#52525b;--fg-faint:#71717a;--border:#e4e4e7;--border-strong:#d4d4d8;--accent:#1d4ed8;--accent-soft:#eff4ff;--accent-fg:#fff;--ok:#15803d;--ok-soft:#ecfdf3;--warn:#b45309;--warn-soft:#fffbeb;--danger:#b91c1c;--danger-soft:#fef2f2;--code-bg:#fafafa;--shadow:0 1px 2px rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.02);--radius:10px;--radius-sm:6px;--font:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#09090b;--bg-subtle:#0f0f12;--bg-muted:#18181b;--fg:#fafafa;--fg-muted:#a1a1aa;--fg-faint:#8b8b94;--border:#27272a;--border-strong:#3f3f46;--accent:#6d9bff;--accent-soft:#111a33;--accent-fg:#09090b;--ok:#4ade80;--ok-soft:#0c1f14;--warn:#fbbf24;--warn-soft:#231a07;--danger:#f87171;--danger-soft:#2a0f0f;--code-bg:#0f0f12;--shadow:none;color-scheme:dark}}:root[data-theme=dark]{--bg:#09090b;--bg-subtle:#0f0f12;--bg-muted:#18181b;--fg:#fafafa;--fg-muted:#a1a1aa;--fg-faint:#8b8b94;--border:#27272a;--border-strong:#3f3f46;--accent:#6d9bff;--accent-soft:#111a33;--accent-fg:#09090b;--ok:#4ade80;--ok-soft:#0c1f14;--warn:#fbbf24;--warn-soft:#231a07;--danger:#f87171;--danger-soft:#2a0f0f;--code-bg:#0f0f12;--shadow:none;color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01" on}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.mono,code,pre{font-family:var(--mono);font-feature-settings:normal}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-muted)}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-primary:hover{background:var(--fg);opacity:.88}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);font-size:12px;font-weight:500;white-space:nowrap}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-ok{color:var(--ok);background:var(--ok-soft)}.badge-ok,.badge-warn{border-color:transparent}.badge-warn{color:var(--warn);background:var(--warn-soft)}.badge-accent{color:var(--accent);background:var(--accent-soft);border-color:transparent}.badge-danger{color:var(--danger);background:var(--danger-soft);border-color:transparent}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow)}.label{font-weight:500}.label,.sample-note{font-size:12px;color:var(--fg-faint)}