:root{color-scheme:light dark;--bg:#fff;--fg:#111;--muted:#666;--border:#e3e3e3;--accent:#111}@media (prefers-color-scheme:dark){:root{--bg:#0c0c0d;--fg:#eee;--muted:#888;--border:#222;--accent:#fff}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font:14px/1.5 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}a{color:inherit}.container{max-width:960px;margin:0 auto;padding:24px 16px}.muted{color:var(--muted)}.btn{display:inline-block;padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.card{border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:12px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}input,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit;font:inherit}nav.topbar{border-bottom:1px solid var(--border);padding:12px 16px;display:flex;gap:16px;align-items:center}nav.topbar .brand{font-weight:700;letter-spacing:-.01em}nav.topbar .spacer{flex:1 1}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tabs button{background:transparent;border:none;padding:8px 12px;cursor:pointer;color:var(--muted)}.tabs button.active{color:var(--fg);border-bottom:2px solid var(--fg)}.error{color:#c0392b}.code{font-family:ui-monospace,Menlo,monospace;font-size:13px;white-space:pre-wrap}