.inference-intro{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem;border:1px solid var(--line,#ddd);background:var(--paper,#f6f5f1);margin-bottom:1.5rem}.inference-intro h2{font-size:2rem;letter-spacing:-.05em;margin:.8rem 0}.inference-intro p{max-width:680px;line-height:1.65}.inference-intro .button{white-space:nowrap}.inference-metrics{margin:1.5rem 0;grid-template-columns:repeat(3,minmax(0,1fr))}.inference-metrics .metric-value{font-size:clamp(1.3rem,2.8vw,2.5rem);word-break:break-word}.inference-controls{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.inference-output{padding:1.5rem;border-top:1px solid var(--line,#ddd);min-height:110px}.inference-output pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-family:inherit}.connection-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line,#ddd)}.connection-item p{margin:.3rem 0}.model-id{display:block;font-size:.7rem;color:var(--muted,#777);margin-top:.4rem;overflow-wrap:anywhere}#provider-config{display:grid;gap:.6rem}#provider-secret{min-height:42px}#rotate-form:empty{display:none}@media(max-width:760px){.inference-intro{flex-direction:column;align-items:flex-start;padding:1.3rem}.inference-metrics{grid-template-columns:1fr}.inference-controls{grid-template-columns:1fr}.connection-item{flex-direction:column;align-items:flex-start}}

.inference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.inference-intro{border-radius:7px;background:#f5f5ee}.inference-metrics .metric{min-width:0}.inference-metrics .metric-value{font-family:Archivo,Inter,sans-serif}.inference-output{overflow-wrap:anywhere}#provider-secret:is(textarea){-webkit-text-security:disc}@media(max-width:900px){.inference-grid{grid-template-columns:1fr}}
/* Keep all console destinations reachable as the navigation grows. */
@media(min-width:701px){.sidebar>.brand,.sidebar>.workspace,.sidebar-bottom{flex-shrink:0}.sidebar>.nav{min-height:0;overflow-y:auto;flex:1}.sidebar-bottom{padding-top:16px}}
/* Grouped sidebar, one playground with two modes, and the Route + run setup checklist. */
.nav-group{margin:14px 12px 2px;font:10px Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:#9a9f93}
.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}
.mode-switch a{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--console-rule,#e1e3d9);border-radius:7px;background:#fff;color:inherit}
.mode-switch a small{color:#747f77;font-size:12px}
.mode-switch a[aria-pressed="true"]{border-color:var(--console-signal,#245b40);box-shadow:inset 0 0 0 1px var(--console-signal,#245b40)}
.mode-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;margin-bottom:24px}
.mode-compare>div{padding:22px;border:1px solid var(--console-rule,#e1e3d9);border-radius:7px;background:#fff}
.mode-compare>div:first-child{background:#f5f5ee}
.mode-compare h3{margin:12px 0 6px;font-size:18px}
.mode-compare p{margin:0 0 14px;line-height:1.6}
.setup-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.setup-steps li{display:flex;gap:12px;align-items:flex-start}
.setup-steps small{display:block;color:#747f77;font-size:12px;margin-top:2px}
.step-mark{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--console-rule,#e1e3d9);font-size:12px}
.setup-steps li.done .step-mark{background:var(--console-signal,#245b40);border-color:transparent;color:#fff}
.setup-steps li.done a{color:#747f77;text-decoration:line-through}
.key-access{border:0;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap}
.key-access legend{font-size:12px;margin-bottom:6px;padding:0}
.key-access small{display:block;color:#747f77;font-size:11px}
.topup-row{align-items:center;margin-top:8px}
details.coverage>summary{cursor:pointer;list-style:none}
details.coverage>summary::-webkit-details-marker{display:none}
details.coverage>summary h2::before{content:'▸ ';color:#9a9f93}
details.coverage[open]>summary h2::before{content:'▾ '}
#switch .form-foot p{margin:0;max-width:640px;line-height:1.6}
@media(max-width:760px){.mode-switch,.mode-compare{grid-template-columns:1fr}.nav-group{display:none}}
@media(min-width:701px){.nav{gap:2px}.nav a{padding:8px 12px}}