.scraper-tabs { display:flex; gap:8px; width:100%; max-width:1200px; margin:20px auto 0; padding:0 clamp(14px,3vw,32px); }
.scraper-tabs button { padding:12px 20px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); cursor:pointer; font:inherit; }
.scraper-tabs [aria-selected="true"] { background:var(--primary-soft); color:var(--primary); border-color:var(--primary); font-weight:700; }
.scraper-tabs button:focus-visible, #tab-api button:focus-visible, #tab-api summary:focus-visible { outline:3px solid var(--primary); outline-offset:3px; }
section.tab[hidden] { display:none; }
#tab-api { overflow-wrap:anywhere; }
#tab-api h2 { font-size:1.2rem; margin:20px 0 12px; }
#tab-api h2:first-child { margin-top:0; }
#tab-api a { color:var(--primary); }
#tab-api li { margin-bottom:9px; }
#tab-api p { max-width:100ch; }
#tab-api code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.88em; }
#tab-api pre { overflow:auto; max-height:520px; white-space:pre; padding:20px; margin:0; background:#090f1e; color:#e2e8f0; border-radius:0 0 10px 10px; line-height:1.65; tab-size:2; }
#tab-api pre code { overflow-wrap:normal; }
.api-code-wrap { border:1px solid var(--border); border-radius:10px; background:var(--surface-2); margin:12px 0 20px; overflow:hidden; }
.api-copy { display:block; margin:8px 10px 8px auto; border:1px solid var(--border); background:var(--surface); color:var(--text); border-radius:7px; padding:8px 12px; cursor:pointer; }
.api-endpoint { border-top:1px solid var(--border); padding:18px 0; }
.api-endpoint summary { cursor:pointer; font-weight:650; padding:4px 0; }
.api-method { display:inline-block; color:var(--primary); font:700 .8rem ui-monospace,monospace; margin-right:10px; }
.api-endpoint h3 { font-size:1rem; }
#api-search { width:100%; background:var(--surface-2); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:12px; font:inherit; margin-top:8px; }
.api-copy-status { color:var(--success); }
@media (min-width:1500px) { .scraper-tabs { max-width:1400px; } }
.api-token-admin summary { cursor:pointer; }
.api-token-admin label { display:block; margin:12px 0; }
.api-token-admin input:not([type="checkbox"]), .api-token-admin textarea, .api-token-admin select { display:block; width:100%; padding:10px; margin-top:6px; color:var(--text); background:var(--surface-2); border:1px solid var(--border); border-radius:8px; font:inherit; }
.api-token-admin input[type="checkbox"] { width:auto; }
.api-token-admin fieldset { border:1px solid var(--border); border-radius:8px; margin:16px 0; }
.api-token-admin .btn { margin:8px 8px 8px 0; }
.token-table-scroll { overflow-x:auto; margin:16px 0; }
#token-table { width:100%; border-collapse:collapse; font-size:.85rem; }
#token-table th, #token-table td { padding:10px; border-bottom:1px solid var(--border); text-align:left; min-width:100px; }
#token-table th { color:var(--muted); }
#token-table td:last-child { min-width:200px; }
#token-created { border:1px solid var(--success); border-radius:10px; padding:16px; margin:16px 0; }

#token-admin-container[hidden], #token-admin-controls[hidden] { display:none; }