/* API page. Uses host theme tokens only. */
.ad-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ad-h h3{margin:0}
.ad-box{border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:14px;background:var(--surface);min-width:0}
.ad-box h4{margin:0 0 10px;font-size:15px}.ad-box h5{margin:14px 0 6px;font-size:13px;color:var(--muted)}
.ad-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ad-note{font-size:13px;color:var(--muted);margin:8px 0;line-height:1.5}
.ad-note code,.ad-tbl code{font-size:12.5px;background:var(--surface-2);padding:1px 6px;border-radius:6px;color:var(--text);word-break:break-all}
.ad-tok{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ad-tok code{flex:1 1 260px;min-width:0;font-size:13px;padding:7px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow-wrap:anywhere;user-select:all}
.ad-tok input,.ad-try input,.ad-try select{font:inherit;font-size:13px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);min-width:0}
.ad-tok input{flex:1 1 220px}
.ad-tbl{overflow-x:auto}
.ad-tbl table{border-collapse:collapse;width:100%;font-size:13px}
.ad-tbl td,.ad-tbl th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}
.ad-tbl th{font-size:12px;color:var(--muted);font-weight:600}
.ad-m{font-size:11px;font-weight:700;color:var(--up);background:color-mix(in oklch,var(--up) 15%,transparent);padding:2px 6px;border-radius:6px}
.ad-pre{font-size:12.5px;line-height:1.5;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:0;overflow:auto;white-space:pre;max-width:100%}
.ad-code{position:relative;margin-top:10px}.ad-code .btn{position:absolute;top:8px;right:8px;font-size:12px;padding:3px 12px}
.ad-chk{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center;cursor:pointer}
.ad-try{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ad-try input[data-ad="tk"]{flex:1 1 160px}.ad-try input[type="number"]{width:72px}
.ad-out{max-height:420px;margin-top:8px}
.ad .seg button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}