body{margin:0;font-family:system-ui,sans-serif;background:#0f1115;color:#e6e8eb}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #262a33}.topbar h1{font-size:1.1rem;margin:0}.status{font-size:.75rem;padding:.1rem .5rem;border-radius:999px}.status-ok{background:#1e3a2a;color:#7ee2a0}.status-off{background:#3a1e1e;color:#e27e7e}.transcript{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message{max-width:70ch;padding:.5rem .75rem;border-radius:.5rem}.message-user{align-self:flex-end;background:#1f3a5f}.message-assistant{align-self:flex-start;background:#1c1f26}.message-pending{opacity:.6}.notice{margin:0 1rem;padding:.5rem .75rem;background:#3a2e1e;color:#e2b57e;border-radius:.5rem}.composer{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #262a33}.composer input{flex:1;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #333844;background:#1c1f26;color:inherit}.composer button{padding:.5rem 1rem;border-radius:.5rem;border:none;background:#3a6ea5;color:#fff;cursor:pointer}.composer button:disabled{opacity:.5;cursor:not-allowed}.overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center}.dialog{width:min(640px,90vw);max-height:80vh;overflow-y:auto;background:#1c1f26;border-radius:.75rem;padding:1rem 1.25rem}.dialog header h2{margin:0 0 .5rem}.meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:#aab0bb}.env-prod{color:#e27e7e;font-weight:700}.section{margin:.75rem 0}.diff{display:flex;align-items:center;gap:.5rem}.diff pre{flex:1;white-space:pre-wrap;background:#12151b;padding:.5rem;border-radius:.5rem;font-size:.85rem}.dialog footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.dialog .primary{background:#3a6ea5;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.dialog .secondary{background:transparent;color:inherit;border:1px solid #333844;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.ac-window-plot{width:100%;min-width:0;padding:1rem 0;border-top:1px solid #333844}.ac-window-head{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.ac-window-head h2{margin:0;font-size:1rem}.ac-meta{color:#aab0bb;font-size:.8rem}.ac-stale{color:#ffad80;font-size:.8rem;overflow-wrap:anywhere}.ac-views{display:flex;margin-left:auto;border:1px solid #333844;border-radius:6px;overflow:hidden}.ac-views button{background:transparent;color:inherit;border:0;padding:.5rem .75rem;cursor:pointer}.ac-views button[aria-pressed=true]{background:#294f72}.ac-reference{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;font-size:.85rem}.ac-reference select{min-width:0;max-width:70%;padding:.35rem;background:#1c1f26;border:1px solid #333844;border-radius:4px;color:inherit}.ac-offsets{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.75rem 0}.ac-offsets label{display:flex;align-items:center;gap:.4rem;min-width:0;max-width:100%;font-size:.8rem;overflow-wrap:anywhere;cursor:pointer}.ac-offsets input,.ac-swatch{flex:none}.ac-swatch{width:.65rem;height:.65rem;border-radius:2px}.ac-empty{color:#aab0bb}.ac-window-plot .js-plotly-plot{min-width:0}@media(max-width:600px){.ac-views{margin-left:0}.ac-window-head{gap:.5rem}.ac-reference{flex-wrap:wrap}.ac-reference select{max-width:100%}.composer input{min-width:0}}