/* Persistent, viewport-level pull-down; independent of the selected workspace. */
#diagnosticsTab{z-index:1001;top:env(safe-area-inset-top,0px);left:50%;right:auto;transform:translateX(-50%);min-height:32px;max-width:95vw;white-space:nowrap;cursor:pointer}
#diagnosticsPanel{z-index:1000;top:calc(env(safe-area-inset-top,0px) + 34px);left:0;right:0;max-height:min(65dvh,620px);box-sizing:border-box;overscroll-behavior:contain;padding:14px}
#diagnosticsPanel .diagnostics-console{flex-wrap:wrap}
#diagnosticsPanel .diagnostics-results{grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr))}
#diagnosticsPanel pre{white-space:pre-wrap;overflow-wrap:anywhere}
#diagnosticsPanel .diag-provider{min-width:0}
#diagnosticsPanel .diag-model b{overflow-wrap:anywhere}
#diagnosticsTab:focus-visible{outline:2px solid #fff0b1;outline-offset:2px}
/* Pull-down 1970s test console: compact enough to preserve the chat composer. */
.diagnostics-tab{position:fixed;z-index:12;top:0;left:50%;transform:translateX(-50%);border:1px solid #d69d38;border-top:0;border-radius:0 0 8px 8px;padding:5px 18px;background:#292516;color:#ffd36b;font:700 10px 'JetBrains Mono',monospace;letter-spacing:2px;box-shadow:0 3px 14px #000}.diagnostics-panel{position:fixed;z-index:11;top:0;left:250px;right:0;max-height:min(68vh,620px);overflow:auto;padding:22px 26px;background:linear-gradient(145deg,#4a4128,#181711 75%);border-bottom:5px solid #986421;box-shadow:0 20px 60px #000d,inset 0 -1px #e4b65d55;color:#f2dca4;font-family:'JetBrains Mono',monospace}.diagnostics-panel.hidden{display:none}.diagnostics-console{display:flex;align-items:center;gap:12px;border-bottom:2px solid #6f5829;padding-bottom:11px}.diagnostics-console>div{margin-right:auto}.diagnostics-console h2{margin:2px 0;letter-spacing:3px}.diagnostics-console small{color:#bd9b50}.diagnostics-console button,.diag-single{border:1px solid #d69d38;background:linear-gradient(#46391c,#241c0d);color:#ffcf60;padding:8px 12px;border-radius:3px;font:700 10px inherit;box-shadow:inset 0 1px #ffe29b44,0 3px 7px #000}.diagnostics-console button:active,.diag-single:active{transform:translateY(1px)}.diagnostics-panel>p{font-size:10px;color:#bba873}.diagnostics-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:13px}.diag-provider{border:2px solid #66572f;background:#12120e;padding:8px;box-shadow:inset 0 0 20px #000,0 5px 12px #0008}.diag-provider>header{display:grid;grid-template-columns:44px minmax(120px,1fr) auto auto;align-items:center;gap:9px;padding:9px;background:linear-gradient(#322f20,#211f16);border:1px solid #736038}.diag-provider>header>div{display:grid}.diag-provider>header small{color:#a89564;font-size:9px}.diag-provider>header .diag-single{grid-column:2/-1;width:100%}.diag-model-bank{max-height:310px;overflow:auto}.diag-model{display:grid;grid-template-columns:37px minmax(120px,1fr) auto;align-items:center;gap:8px;padding:7px;border-top:1px solid #393520;font-size:10px}.diag-model>small{grid-column:2;color:#9f916c}.diag-model details{grid-column:2/-1;color:#ad9c71}.diag-provider em,.diag-model em{font-style:normal;font-size:9px;letter-spacing:1px}.vu-meter{width:36px;height:54px;padding:3px;display:flex;flex-direction:column-reverse;gap:2px;background:#090a07;border:1px solid #76623a;box-shadow:inset 0 0 8px #000}.vu-meter i{display:block;height:3px;background:linear-gradient(to right,#69e34e var(--level,0%),#282c20 var(--level,0%));border-radius:1px}.vu-meter.quota i{background:linear-gradient(to right,#f3b53d var(--level,0%),#282c20 var(--level,0%))}.vu-meter.error i{background:linear-gradient(to right,#f0523c var(--level,0%),#282c20 var(--level,0%))}.diag-model .vu-meter{height:42px;width:29px}.quota-bank{padding:8px;border-top:1px solid #5b4c29;background:#0c0d09}.quota-bank>div{display:flex;align-items:center;gap:10px;padding:5px}.quota-bank span{display:grid;flex:1}.quota-bank strong{color:#fff0b1;font-size:13px}.quota-bank small,.quota-unavailable{color:#94855d;font-size:9px}.quota-unavailable{padding:9px;text-align:center;border-top:1px solid #393520}.diag-running{color:#ffd05a;animation:blink 1s infinite}.diag-error{display:block;color:#ff6b57;padding:8px}.diag-idle{color:#8f835f}@media(max-width:900px){.diagnostics-panel{left:0;padding:36px 12px 14px}.diagnostics-results{grid-template-columns:1fr}.diagnostics-tab{left:auto;right:8px;transform:none}}
/* Fit JeepCode at normal browser zoom and keep the composer visible. */
@media(min-width:701px){main{grid-template-rows:58px minmax(0,1fr) auto}header{padding:0 16px}.header-actions{gap:5px}.header-actions .secondary{padding:6px 8px;font-size:11px}.header-actions select{padding:7px 25px 7px 8px;max-width:190px}.messages{padding-top:22px;padding-bottom:16px}footer{padding-top:8px;padding-bottom:10px}.composer textarea{max-height:120px}}
@media(max-height:760px){main{grid-template-rows:52px minmax(0,1fr) auto}.messages{padding-top:14px}.welcome{margin:2vh auto}footer>small{display:none}.diagnostics-panel{max-height:60vh}}
