* { box-sizing: border-box; }
:root { --api-ink:#181818; --api-muted:#555555; --api-line:#dce4dc; --api-green:#54d74d; --api-paper:#f6f8f4; }
body.api-page { margin:0; font-family:'Inter',Arial,sans-serif; color:var(--api-ink); background:var(--api-paper); font-size:16px; line-height:1.6; }
a { color:var(--api-ink); text-underline-offset:3px; }
.api-nav { display:flex; align-items:center; gap:28px; padding:22px max(24px,calc((100vw - 1160px)/2)); background:#fff; border-bottom:1px solid var(--api-line); flex-wrap:wrap; }
.api-brand { display:flex; gap:10px; align-items:center; margin-right:auto; color:var(--api-ink); text-decoration:none; font-size:24px; font-weight:800; }
.api-brand img { width:20px; height:28px; object-fit:contain; }
.api-nav a { font-weight:600; }
.api-main { max-width:1160px; padding:64px 24px 96px; margin:auto; }
.api-label { font-size:14px; letter-spacing:.08em; color:var(--api-ink); text-transform:uppercase; font-weight:700; }
h1 { font-size:clamp(36px,5vw,64px); line-height:1.08; letter-spacing:-.04em; margin:18px 0 24px; font-weight:800; }
h2 { line-height:1.2; font-size:28px; margin:0 0 16px; letter-spacing:-.02em; }
h3 { margin:0 0 12px; font-size:19px; }
p { margin:0 0 20px; }
.api-lead { font-size:20px; color:var(--api-muted); max-width:690px; }
.api-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:48px; align-items:center; margin-bottom:72px; }
.api-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.api-button,button { font:inherit; font-weight:600; cursor:pointer; border:1px solid var(--api-green); background:var(--api-green); color:var(--api-ink); padding:11px 18px; border-radius:7px; text-decoration:none; display:inline-block; }
.api-button.secondary,button.secondary { color:var(--api-ink); border-color:var(--api-line); background:#fff; }
button:disabled { opacity:.55; cursor:wait; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #181818; outline-offset:4px; }
.api-code,pre { background:#181818; color:#dff1df; padding:24px; border-radius:10px; overflow:auto; font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.api-code small { color:#a7c0ac; display:block; margin-bottom:24px; }
.api-code b { color:#87ed72; font-weight:500; }
.api-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0 48px; }
.api-card { border:1px solid var(--api-line); background:#fff; padding:28px; border-radius:10px; min-width:0; }
.api-card p { color:var(--api-muted); }
.api-card p:last-child { margin-bottom:0; }
.api-section { margin-top:48px; scroll-margin-top:24px; }
.api-note { border-left:3px solid #54d74d; padding:14px 18px; background:#eaf2e8; margin:24px 0; }
.api-footer { border-top:1px solid var(--api-line); padding:28px 24px; max-width:1160px; margin:auto; display:flex; gap:24px; flex-wrap:wrap; }
.api-docs { display:grid; grid-template-columns:200px minmax(0,1fr); gap:48px; }
.api-docs aside { position:sticky; top:24px; height:fit-content; display:grid; gap:12px; }
.api-docs h1,.api-console h1 { font-size:40px; }
.api-docs section { margin-bottom:48px; scroll-margin-top:24px; }
.api-table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; margin:16px 0; }
th,td { border-bottom:1px solid var(--api-line); padding:12px 10px; vertical-align:top; overflow-wrap:anywhere; }
th { font-weight:700; }
code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em; overflow-wrap:anywhere; }
label { display:block; font-size:14px; font-weight:600; margin:14px 0 6px; }
input:not([type=checkbox]),select,textarea { border:1px solid #96a698; border-radius:6px; background:#fff; padding:11px 12px; color:var(--api-ink); width:100%; font:inherit; }
input[type=checkbox] { margin-right:10px; width:17px; height:17px; vertical-align:middle; accent-color:var(--api-green); }
form button { margin-top:18px; }
.api-status { padding:16px 20px; border-radius:6px; background:#eaf2e8; margin:20px 0; }
.api-status.error { background:#fff0ec; color:#8b2813; }
.api-console .api-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.api-secret { width:100%; font-family:monospace; }
.api-list { display:grid; gap:12px; }
.api-row { padding:14px 0; border-bottom:1px solid var(--api-line); overflow-wrap:anywhere; }
.api-row button { margin:8px 0 0 12px; font-size:14px; padding:6px 12px; }
.api-meta { color:var(--api-muted); font-size:14px; }
[hidden] { display:none!important; }
.skip-link { position:absolute; top:-80px; background:#fff; padding:12px; z-index:5; }
.skip-link:focus { top:0; }
@media(max-width:780px) { .api-main { padding:40px 20px 64px; } .api-hero,.api-grid,.api-console .api-grid,.api-docs { grid-template-columns:1fr; gap:24px; } .api-nav { padding:18px 20px; gap:18px; font-size:14px; } .api-brand { width:100%; } .api-docs aside { position:static; display:flex; flex-wrap:wrap; } .api-card { padding:22px; } .api-lead { font-size:18px; } }