#page-keys .api-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}#page-keys .api-eyebrow{color:var(--muted);font-size:11px;letter-spacing:.14em;margin:0 0 10px}#page-keys .api-head h1{margin:0 0 10px}#page-keys .api-head .hint{max-width:680px;line-height:1.7}#page-keys .api-head button{flex:none}#page-keys .api-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 24px;padding-bottom:14px;border-bottom:1px solid var(--line)}#page-keys .api-tabs button{min-height:42px;padding:10px 16px;border-radius:12px}#page-keys .api-tabs [aria-selected=true]{background:var(--accent-soft);color:var(--gold);border-color:var(--accent)}#page-keys .api-pane[hidden]{display:none}#page-keys .api-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#page-keys .api-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--field-bg);min-width:0}#page-keys .api-card>small{display:block;color:var(--muted);margin-bottom:10px}#page-keys .api-card>strong{display:block;font-size:22px;line-height:1.4;overflow-wrap:anywhere}#page-keys .api-card p{line-height:1.65;color:var(--muted);font-size:13px;margin-bottom:0}#page-keys .api-base{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius)}#page-keys .api-base code{flex:1;overflow-wrap:anywhere;font-size:14px}#page-keys .api-base button{min-height:40px}#page-keys .api-section{margin-top:26px}#page-keys .api-section h2{font-size:18px;margin:0 0 12px}#page-keys .api-help{color:var(--muted);line-height:1.8;font-size:13px}#page-keys .api-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;counter-reset:steps}#page-keys .api-steps li{counter-increment:steps;padding:18px;border:1px solid var(--line);border-radius:var(--radius);line-height:1.7}#page-keys .api-steps li::before{content:counter(steps);display:block;color:var(--gold);font-size:20px;margin-bottom:8px}#page-keys .api-steps strong{display:block;font-size:14px}#page-keys .api-steps span{font-size:13px;color:var(--muted)}#page-keys .api-key-form{display:flex;gap:12px;align-items:stretch}#page-keys .api-key-form .field{flex:1;max-width:none;min-width:0;height:44px}#page-keys .api-key-form button{min-height:44px}#page-keys .api-status{min-height:22px;color:var(--muted);font-size:13px;line-height:1.7;margin:10px 0}#page-keys .api-key-list{display:grid;gap:12px}#page-keys .api-key-row{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:var(--radius);padding:18px}#page-keys .api-key-main{flex:1;min-width:0}#page-keys .api-key-main strong{display:block;margin-bottom:7px;overflow-wrap:anywhere}#page-keys .api-key-main code{color:var(--muted);font-size:12px}#page-keys .api-key-meta{color:var(--muted);font-size:12px;margin-top:8px;line-height:1.7}#page-keys .api-key-actions{display:flex;gap:8px;flex-wrap:wrap}#page-keys .api-key-actions button{min-height:38px;padding:8px 12px}#page-keys .api-badge{display:inline-block;border-radius:6px;background:var(--accent-soft);color:var(--gold);padding:3px 8px;font-size:11px;margin-left:10px}#page-keys .api-badge.off{background:var(--field-bg);color:var(--muted)}#page-keys .api-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}#page-keys .api-toolbar input{flex:1;max-width:none;min-width:160px}#page-keys .api-toolbar .field{height:44px}#page-keys .api-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#page-keys .api-model-card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0;background:var(--field-bg)}#page-keys .api-model-card h3{font-size:15px;line-height:1.6;margin:0 0 6px;overflow-wrap:anywhere}#page-keys .api-model-card code{display:block;font-size:12px;color:var(--muted);overflow-wrap:anywhere}#page-keys .api-model-card .api-price{color:var(--gold);font-size:14px;line-height:1.7;margin:14px 0}#page-keys .api-model-card dl{display:grid;grid-template-columns:88px minmax(0,1fr);font-size:12px;line-height:1.8;margin:12px 0;gap:6px 10px}#page-keys .api-model-card dt{color:var(--muted)}#page-keys .api-model-card dd{margin:0;overflow-wrap:anywhere}#page-keys .api-model-card button{min-height:38px;padding:8px 12px}#page-keys .api-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#page-keys .api-form-grid label,#page-keys .api-diagnostic label{display:block;font-size:12px;color:var(--muted);line-height:1.6}#page-keys .api-form-grid .field,#page-keys .api-diagnostic .field{display:block;width:100%;max-width:none;min-width:0;height:44px;margin-top:8px}#page-keys .api-form-grid .wide{grid-column:1/-1}#page-keys textarea.field{height:100px!important;resize:vertical}#page-keys .api-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 8px}#page-keys .api-code-head h3{margin:0;font-size:14px}#page-keys .api-code-head button{min-height:38px}#page-keys pre{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:18px;max-height:520px;overflow:auto;white-space:pre;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0}#page-keys .api-reference{display:grid;gap:10px;margin:24px 0}#page-keys details{border:1px solid var(--line);border-radius:var(--radius);padding:16px}#page-keys summary{cursor:pointer;font-size:14px;line-height:1.6}#page-keys details p,#page-keys details li{font-size:13px;line-height:1.8;color:var(--muted)}#page-keys .api-endpoints{overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}#page-keys .api-endpoints table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}#page-keys .api-endpoints td,#page-keys .api-endpoints th{padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}#page-keys .api-endpoints tr:last-child td{border-bottom:0}#page-keys .api-diagnostic{display:grid;gap:16px;max-width:800px}#page-keys .api-diagnostic .row{gap:10px;flex-wrap:wrap}#page-keys .api-empty{padding:28px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);line-height:1.8}#page-keys .api-empty button{margin-top:12px}#page-keys .api-danger{color:var(--bad)}@media(max-width:1000px){#page-keys .api-grid,#page-keys .api-steps{grid-template-columns:1fr}#page-keys .api-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#page-keys .api-head{display:block}#page-keys .api-head>button{margin-top:10px}#page-keys .api-tabs{gap:5px}#page-keys .api-tabs button{flex:1 1 100px;font-size:12px;padding:10px 8px}#page-keys .api-model-grid,#page-keys .api-form-grid{grid-template-columns:1fr}#page-keys .api-key-row{display:block}#page-keys .api-key-actions{margin-top:14px}#page-keys .api-key-actions button{flex:1;min-height:42px}#page-keys .api-key-form{flex-wrap:wrap}#page-keys .api-key-form input{flex-basis:100%}#page-keys .api-key-form button{width:100%}#page-keys .api-toolbar input{min-width:0;flex-basis:100%}#page-keys .api-form-grid .wide{grid-column:auto}#page-keys .api-base{padding:14px}#page-keys .api-base code{flex-basis:100%;font-size:12px}#page-keys .api-card,#page-keys .api-model-card{padding:16px}#page-keys .api-code-head{flex-wrap:wrap}#page-keys .api-diagnostic button{min-height:44px}#page-keys .api-endpoints{max-width:100%}}

#page-keys .api-shell{padding:24px}#page-keys .api-tabs button{border:1px solid var(--line);background:var(--field-bg);color:var(--muted)}#page-keys .api-tabs [aria-selected=true]{background:var(--accent-soft);color:var(--gold);border-color:var(--accent)}#page-keys button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#page-keys .api-base code{padding:0;background:transparent;border:0;border-radius:0}#page-keys button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){#page-keys .api-shell{padding:18px 14px}}

/* The workspace clips its children; the API shell is its scroll owner. */
body.in-app #page-keys .api-shell{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding:24px}