:root{font-family:Arial,sans-serif;color:#23282d;background:#fff;font-size:14px;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}header{height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid #d9dfe3}header strong{font-size:18px}header strong span{font-weight:400}.environment{font-size:12px;color:#56636a;white-space:nowrap}#status{padding:12px 18px;background:#edf4f6;border-bottom:1px solid #d9dfe3;overflow-wrap:anywhere}#status[data-state=failed]{background:#fff0ee;color:#982d21}#status[data-state=ready]{background:#eef7f2;color:#216845}main{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);min-height:calc(100dvh - 93px)}[hidden]{display:none!important}aside{padding:16px;border-right:1px solid #d9dfe3}section{padding:16px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}h1,h2{font-size:15px;margin:0 0 14px;line-height:1.4}.section-heading h1{margin:0}button{font:inherit;color:#26343c;background:#fff;border:1px solid #adb9c0;border-radius:4px;padding:7px 10px;cursor:pointer;max-width:100%;overflow-wrap:anywhere}button:hover{background:#eef2f4}button:focus-visible{outline:2px solid #126f88;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}#retry{margin:18px}ul,ol{list-style:none;margin:14px 0 0;padding:0}#chats button{width:100%;text-align:left;margin-bottom:6px}#chats button[aria-pressed=true]{border-color:#127991;background:#eaf6f8}#messages{display:flex;flex-direction:column;gap:12px}#messages li{align-self:flex-start;border-left:3px solid #adb9c0;padding:4px 12px;max-width:85%;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}#messages li[data-direction=outbound]{align-self:flex-end;border-color:#169278}time{display:block;font-size:11px;color:#677078;margin-top:4px}#empty{line-height:1.5;color:#677078}@media(max-width:520px){header{padding:0 12px}header strong{font-size:16px}.environment{font-size:11px}main{grid-template-columns:minmax(115px,32%) minmax(0,1fr)}aside,section{padding:12px}.section-heading{align-items:stretch;flex-direction:column}#messages li{max-width:100%}}