*,*:before,*:after{box-sizing:border-box;margin:0}:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a2d3a;--text: #e4e6ed;--text-muted: #8b8fa3;--accent: #6366f1;--accent-hover: #818cf8;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 8px}html{font-family:var(--font);font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100dvh}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.topbar{display:flex;align-items:center;gap:2rem;padding:0 1.5rem;height:56px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--accent)}.nav{display:flex;gap:.25rem}.nav a{padding:.4rem .85rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .15s,background .15s}.nav a:hover{color:var(--text);background:#6366f11a}.nav a.active{color:var(--accent);background:#6366f126}.main{flex:1;padding:2rem 1.5rem;max-width:900px;width:100%;margin:0 auto}.page h1{font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.25rem}.card h2{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600}.badge-ok{background:#22c55e26;color:var(--green)}.badge-err{background:#ef444426;color:var(--red)}.badge-neutral{background:#eab30826;color:var(--yellow)}.form-grid{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1rem;align-items:center;margin-bottom:1rem}.form-grid label{font-size:.85rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.form-grid input{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--mono);font-size:.85rem;outline:none;transition:border-color .15s}.form-grid input:focus{border-color:var(--accent)}.form-grid input::placeholder{color:var(--text-muted);opacity:.5}.button-row{display:flex;flex-wrap:wrap;gap:.5rem}button{padding:.55rem 1.1rem;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:600;font-family:var(--font);cursor:pointer;background:var(--accent);color:#fff;transition:background .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.45;cursor:not-allowed}.result-pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:var(--mono);font-size:.82rem;line-height:1.65;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.endpoint-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:.5rem}.endpoint-table th{text-align:left;color:var(--text-muted);font-weight:600;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.endpoint-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.endpoint-table code{font-family:var(--mono);font-size:.8rem;background:#6366f11a;padding:.1rem .35rem;border-radius:4px}.card ol{padding-left:1.25rem}.card li{margin-bottom:.5rem;font-size:.9rem}.card li code{font-family:var(--mono);font-size:.8rem;background:#6366f11a;padding:.1rem .35rem;border-radius:4px}.card p{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}