:root{font-family:system-ui,sans-serif;color:#e5e7eb;background:#101318;color-scheme:dark;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #384454;background:#222d3b;color:inherit;border-radius:7px;padding:9px 13px}button:hover{background:#30415a}button:disabled{opacity:.45;cursor:default}input,textarea{background:#131922;border:1px solid #384454;border-radius:7px;color:inherit;padding:10px;width:100%}label{display:block;margin:12px 0 6px}small{color:#a5b2c4}h1{font-size:22px;margin:0 0 16px}h1 small{font-size:11px}h2{font-size:20px;margin:0}p{line-height:1.5}#workspace{display:grid;grid-template-columns:260px minmax(0,1fr);height:100dvh}aside{padding:24px 16px;background:#161d27;border-right:1px solid #2a3543;overflow:auto}#connection{font-size:12px;color:#a5b2c4}nav{display:flex;flex-direction:column;gap:7px;margin:22px 0}nav button{text-align:left;background:transparent;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}nav button.selected{border-color:#73b5ff;background:#223044}nav button small{font-size:11px}#pwa-tools{display:grid;gap:7px;margin-top:12px}#pwa-tools button{font-size:12px;text-align:left}.badge{font-size:12px;color:#a5b2c4}.working{color:#86bdff}.done{color:#91d3a5}.approval{color:#ffd384}.error{color:#ff9292}main{display:flex;flex-direction:column;min-height:0;min-width:0}header{padding:20px 26px;border-bottom:1px solid #2a3543;display:flex;justify-content:space-between;gap:15px;align-items:center}#details{font:11px ui-monospace,monospace;color:#92a0b5;margin:8px 0 0;overflow-wrap:anywhere}.actions{display:flex;align-items:center;gap:10px}#history{overflow:auto;flex:1;padding:20px 28px}.item{margin:0 auto 15px;max-width:1000px;border:1px solid #263240;padding:15px 18px;border-radius:10px;background:#171e28}.item.userMessage{background:#213149}.item.agentMessage{border-color:#33485f}.item small{display:block;margin-bottom:8px;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.item pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:14px/1.65 ui-monospace,monospace}.item.agentMessage pre,.item.userMessage pre{font-family:inherit}.item summary{cursor:pointer;color:#a5b2c4;font-size:13px}.empty{color:#a5b2c4;text-align:center;padding:60px 20px}#composer{position:relative;padding:12px 28px 20px;border-top:1px solid #2a3543}#composer label{font-size:12px;color:#a5b2c4;margin:0 0 8px}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.composer-actions>div{display:flex;align-items:center;gap:7px}#attach,#microphone{min-width:42px;padding:8px}#microphone.recording{background:#8e3030;border-color:#ff9292;animation:pulse 1s infinite}#send,#create-submit{background:#315e8c}#attachments{display:flex;flex-wrap:wrap;justify-content:flex-start!important;gap:7px!important;margin:0 0 8px!important}.attachment-chip{display:inline-flex;align-items:center;gap:5px;max-width:280px;background:#223044;border:1px solid #456486;border-radius:999px;padding:4px 5px 4px 10px;font-size:12px}.attachment-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{border:0;background:transparent;padding:0;width:22px;height:22px;border-radius:50%}#drop-hint{display:none!important;position:absolute;inset:6px;z-index:2;border:2px dashed #73b5ff;border-radius:10px;background:#16263bea;place-items:center;color:#bcdcff;font-weight:600}#composer.dragging #drop-hint{display:grid!important}#notice{padding:12px 26px;margin:0;background:#4c2929;overflow-wrap:anywhere}#approvals{max-height:38vh;overflow:auto;padding:0 28px}.approval-card{border:1px solid #ba9454;background:#332c21;border-radius:8px;padding:15px;margin-bottom:12px}.approval-card pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto}dialog{border:1px solid #46566c;border-radius:12px;padding:25px;width:min(480px,95vw)}dialog::backdrop{background:#0009}#login,#offline{min-height:100dvh;display:grid;place-items:center}#login form,#offline>div{width:min(380px,90vw);padding:28px;background:#1b2430;border-radius:12px;text-align:center}#login form{text-align:left}#login button{margin-top:16px;width:100%}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.65}}@media(max-width:700px){#workspace{grid-template-columns:155px minmax(0,1fr)}aside{padding:16px 8px}header{padding:12px;flex-wrap:wrap}#history,#composer{padding:12px}.composer-actions #hint{display:none}.actions{gap:5px}button{padding:8px}#details{font-size:10px}#approvals{padding:0 12px}.attachment-chip{max-width:210px}}