/* Settings extension: API reference, diagnostics and comparison lab. */
.api-workbench { margin-top:18px; padding-top:16px; border-top:1px solid #deded9; text-align:left; }
.api-workbench-head { position:sticky; top:0; z-index:3; padding:8px 0 12px; background:#f7f7f5; }
.api-workbench-head small,.api-workbench-head strong { display:block; }
.api-workbench-head small { color:#999; font-size:8px; letter-spacing:.15em; }
.api-workbench-head strong { margin-top:3px; font-size:17px; }
.api-settings-search { position:relative; display:flex; align-items:center; margin-top:11px; }
.api-settings-search svg { position:absolute; left:12px; width:15px; fill:none; stroke:#888; stroke-width:1.5; }
.api-settings-search input { width:100%; height:38px; padding:0 12px 0 36px; border:1px solid #ddd; border-radius:19px; outline:0; background:#fff; font-size:10px; }
.api-lab-card { margin:10px 0 0; padding:14px; border:1px solid #e1e1dd; border-radius:15px; background:#fff; box-shadow:0 7px 22px rgba(30,30,27,.03); }
.api-lab-card > header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.api-lab-card > header strong,.api-lab-card > header small { display:block; }
.api-lab-card > header strong { font-size:11px; }
.api-lab-card > header small { margin-top:3px; color:#999; font-size:7px; line-height:1.4; }
.api-lab-card button { min-height:33px; padding:0 10px; border:1px solid #ddd; border-radius:9px; background:#f8f8f6; font-size:8px; }
.api-lab-card button.primary { border-color:#292927; background:#292927; color:#fff; }
.api-reference-upload { width:100%; min-height:38px!important; }
.api-reference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:10px; }
.api-reference-grid figure { position:relative; margin:0; overflow:hidden; border:1px solid #e5e5e1; border-radius:10px; background:#f6f6f4; }
.api-reference-grid img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.api-reference-grid figcaption { padding:7px; font-size:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.api-reference-grid button { position:absolute; top:5px; right:5px; width:25px; min-height:25px; padding:0; border-radius:50%; background:rgba(255,255,255,.9); }
.api-glossary { display:grid; gap:0; }
.api-glossary div { display:grid; grid-template-columns:82px minmax(0,1fr); gap:8px; padding:9px 0; border-top:1px solid #ecece8; }
.api-glossary strong { font-size:8px; }
.api-glossary span { color:#666; font-size:8px; line-height:1.5; }
.api-diagnostic-result,.api-compare-output { margin:10px 0 0; padding:11px; border-left:2px solid #292927; background:#f3f3f0; color:#555; font:8px/1.65 ui-sans-serif,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; }
.api-preference-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.api-preference-grid label,.api-compare-controls label { color:#777; font-size:7px; }
.api-preference-grid select,.api-preference-grid input,.api-compare-controls input,.api-compare-controls textarea,.api-compare-controls select { width:100%; min-width:0; margin-top:4px; padding:9px; border:1px solid #ddd; border-radius:9px; outline:0; background:#fafaf8; font-size:8px; }
.api-compare-controls { display:grid; gap:8px; }
.api-compare-models { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.api-compare-options { display:flex; gap:12px; color:#666; font-size:8px; }
.api-compare-options label { display:flex; align-items:center; gap:5px; }
.api-compare-actions { display:grid; grid-template-columns:1fr; margin-top:9px; }
.api-compare-results { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:10px; }
.api-compare-results article { min-width:0; padding:10px; border:1px solid #e4e4e0; border-radius:10px; }
.api-compare-results strong { display:block; margin-bottom:6px; font-size:8px; }
.api-compare-results pre { margin:0; color:#555; font:8px/1.55 ui-sans-serif,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; }
.api-workbench [hidden] { display:none!important; }
@media(max-width:350px){.api-preference-grid,.api-compare-models,.api-compare-results{grid-template-columns:1fr}.api-reference-grid{grid-template-columns:1fr}}