:root{--bg: #f8fafc;--surface: #ffffff;--surface-muted: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #0ea5e9;--primary-strong: #0284c7;--success: #10b981;--danger: #ef4444;--sidebar-width: 280px;--panel-width: 44%;--radius: 14px;--mono: "JetBrains Mono", monospace;--font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(560px,1fr) minmax(420px,var(--panel-width))}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:24px 18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;margin-bottom:24px;padding:6px 8px}.brand-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#22c55e);box-shadow:0 0 0 7px #0ea5e926}.group{margin-bottom:20px;border:1px solid var(--border);border-radius:12px;background:#fbfdff;overflow:hidden}.group-title{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:12px 14px;border-bottom:1px solid var(--border);background:#f8fbff}.nav-link{display:block;color:#1e293b;padding:10px 14px;font-size:14px;font-weight:600;border-left:3px solid transparent;text-decoration:none;transition:.15s ease}.nav-link:hover{background:#f1f5f9;color:var(--primary-strong)}.nav-link.active{color:var(--primary-strong);border-left-color:var(--primary);background:#eef8ff}.main{background:var(--surface);border-right:1px solid var(--border);overflow:auto;padding:36px 32px 80px}.hero{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fbfdff);padding:24px;margin-bottom:28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--primary-strong);background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:6px 10px;margin-bottom:14px}h1{font-size:36px;letter-spacing:-.03em;line-height:1.15;margin-bottom:10px}.hero p{color:var(--text-muted);margin-bottom:0;max-width:72ch}section{margin-top:36px;scroll-margin-top:20px}h2{font-size:24px;letter-spacing:-.01em;margin-bottom:14px}.muted{color:var(--text-muted);margin-bottom:14px}.callout{border:1px solid #dbeafe;background:#f8fbff;color:#1e40af;padding:12px 14px;border-radius:10px;font-size:14px;margin-bottom:16px}.mini-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;margin-bottom:14px}.mini-table th,.mini-table td{border-bottom:1px solid var(--border);text-align:left;padding:11px 12px;vertical-align:top;font-size:14px}.mini-table th{background:#f8fafc;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.mono{font-family:var(--mono);font-size:12px;padding:2px 7px;border-radius:7px;background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}.endpoint-grid{display:grid;gap:12px;margin-top:14px}.endpoint-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:14px;transition:.14s ease}.endpoint-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.method{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:7px;padding:3px 8px;border:1px solid transparent;min-width:48px;text-align:center}.method.get{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.method.post{color:#047857;background:#d1fae5;border-color:#a7f3d0}.method.put{color:#92400e;background:#fef3c7;border-color:#fde68a}.method.delete{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.path{font-family:var(--mono);font-size:13px;font-weight:600;color:#0f172a}.small{font-size:13px;color:var(--text-muted)}.panel{position:sticky;top:0;height:100vh;background:#020617;color:#e2e8f0;overflow-y:auto;padding:22px 20px 30px}.panel h3{margin-bottom:10px;font-size:18px;letter-spacing:-.01em}.panel-sub{color:#94a3b8;font-size:13px;margin-bottom:14px}.controls{border:1px solid #1e293b;border-radius:12px;background:#0b1220;padding:12px;margin-bottom:14px}.field{margin-bottom:10px}.field:last-child{margin-bottom:0}.label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:5px;display:block;font-weight:700}.input,.textarea,.select{width:100%;border-radius:9px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-family:var(--mono);font-size:12px;padding:10px 11px;outline:none;transition:.16s ease}.input:focus,.textarea:focus,.select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.textarea{min-height:110px;resize:vertical;line-height:1.5}.lang-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.lang-btn{border:1px solid #334155;border-radius:999px;padding:6px 10px;color:#94a3b8;background:transparent;font-size:11px;cursor:pointer;font-family:var(--font);font-weight:700;letter-spacing:.02em}.lang-btn.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8}.code-box{border:1px solid #1e293b;border-radius:12px;background:#0b1220;overflow:hidden;margin-bottom:14px}.code-head{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #1e293b;background:#050b18;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.copy-btn{border:1px solid #334155;border-radius:8px;background:#0f172a;color:#cbd5e1;font-size:11px;font-weight:700;letter-spacing:.03em;cursor:pointer;padding:5px 8px}pre{margin:0;padding:13px;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.6;color:#dbeafe}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.btn{border:none;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;font-size:13px;transition:.15s ease}.btn-send{background:linear-gradient(180deg,#22c55e,#16a34a);color:#f8fafc}.btn-send:hover{filter:brightness(1.05)}.btn-reset{background:#1e293b;color:#cbd5e1;border:1px solid #334155}.response{border:1px solid #1e293b;border-radius:12px;background:#0b1220;overflow:hidden}.response-top{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #1e293b;font-size:12px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-weight:800;letter-spacing:.02em;font-size:11px;padding:4px 8px}.status.ok{color:#065f46;background:#a7f3d0}.status.err{color:#7f1d1d;background:#fecaca}.latency{color:#94a3b8;font-family:var(--mono);font-size:11px;font-weight:700}.required{color:#dc2626;font-size:11px;font-weight:700;margin-inline-start:4px}@media(max-width:1280px){.app{grid-template-columns:var(--sidebar-width) 1fr}.panel{position:static;height:auto;border-top:1px solid #1e293b}}@media(max-width:930px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.main{border-right:none}}