:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8edf6;background:#10141c;font-size:14px;--line:#28313f;--muted:#91a0b6;--accent:#88d8be}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,select{background:#1c2430;border:1px solid var(--line);border-radius:9px;color:inherit;padding:9px 12px}button:hover{background:#2a3545}button:disabled{opacity:.45;cursor:wait}input,textarea{color:inherit;background:#141b25;border:1px solid var(--line);border-radius:9px;padding:12px;width:100%;outline:none}input:focus,textarea:focus,select:focus{outline:2px solid #88d8be70}label{display:grid;gap:8px}a{color:#8cc8ff}h1,h2,h3,p{margin-top:0}h1{font-size:28px;font-weight:600;letter-spacing:-.7px}h2{font-size:16px}small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.hidden{display:none!important}.muted,.hint{color:var(--muted)}.hint{font-size:11px;line-height:1.5}.primary{background:var(--accent);color:#10241d;border:none;font-weight:650}.primary:hover{background:#a6ebd6}.login{width:min(420px,90vw);margin:10vh auto;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#1b2532,#121923)}.login form{display:grid;gap:18px;margin:24px 0}.brandmark{background:#88d8be18;color:var(--accent);border:1px solid #88d8be33;border-radius:15px;width:56px;height:56px;display:grid;place-items:center;font:700 22px monospace;margin-bottom:22px}.shell{display:grid;grid-template-columns:270px minmax(0,1fr);height:100dvh}aside{background:#131923;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:17px;overflow:auto}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--accent);font:700 22px monospace}.brand span{font:600 16px system-ui;color:#e8edf6}.new-chat{background:#21342f;border-color:#345248;text-align:left;min-height:43px}.label{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:1.2px}.label select{letter-spacing:0;font-size:13px;min-height:40px}.device-info{font-size:11px;color:var(--muted);line-height:1.7}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#e29191}.dot.online{background:var(--accent)}.chats-label{margin-top:8px}nav{display:flex;flex-direction:column;gap:5px;overflow:auto;flex:1}nav button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:transparent;background:transparent}nav button.active{background:#283445;border-color:#3b4f63}.sidebar-footer{display:grid;gap:6px}.sidebar-footer button{text-align:left;background:transparent;border:0;font-size:12px}.sidebar-footer span{color:#586a81;font-size:10px;margin-top:8px}main{display:flex;flex-direction:column;min-height:0;min-width:0}header{border-bottom:1px solid var(--line);padding:19px 30px;display:flex;align-items:center;gap:12px}header h2{margin:0 0 4px}header .muted{font-size:11px}.pill{margin-left:auto;border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:11px;color:var(--muted)}#messages{flex:1;overflow:auto;padding:24px max(24px,calc((100% - 850px)/2));scroll-behavior:smooth}.welcome{height:100%;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.welcome p{color:var(--muted);line-height:1.8}.welcome .brandmark{width:65px;height:65px}.message{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #202b3b}.message-label{color:var(--accent);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.user{background:#1c2634;border:1px solid var(--line);padding:16px 20px;border-radius:16px;margin:0 0 21px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.markdown{line-height:1.8;overflow-wrap:anywhere}.markdown p{margin-bottom:12px}.markdown pre{background:#0d1117;border:1px solid var(--line);padding:16px;border-radius:11px;overflow:auto;position:relative}.markdown pre code{font:12px/1.65 ui-monospace,Consolas,monospace}.markdown code:not(pre code){background:#273244;padding:2px 5px;border-radius:4px;font-size:12px}.markdown table{display:block;overflow:auto;border-collapse:collapse;margin:16px 0}.markdown td,.markdown th{border:1px solid var(--line);padding:7px 12px}.markdown blockquote{border-left:3px solid #507c71;margin-left:0;padding:5px 16px;color:var(--muted)}.markdown h1{font-size:23px}.markdown h2{font-size:20px}.copy-code{font-size:10px;float:right;padding:4px 7px;margin:0 0 6px 10px}.execution{display:flex;align-items:center;gap:10px;margin:15px 0;color:var(--muted);font-size:12px}.state{padding:4px 9px;border-radius:20px;background:#25354b;color:#aed0ff;font-size:10px}.state.completed{color:var(--accent);background:#20372f}.state.failed,.state.interrupted,.state.cancelled{color:#efb3b3;background:#3c272d}.execution button{font-size:11px;padding:4px 8px;margin-left:auto}.task-error{color:#efb3b3;font-size:12px;white-space:pre-wrap}details{border:1px solid var(--line);border-radius:9px;padding:10px;margin:12px 0}summary{color:var(--muted);font-size:12px;cursor:pointer}.events{white-space:pre-wrap;font:11px/1.65 ui-monospace,Consolas,monospace;max-height:300px;overflow:auto;color:#afbcd1}.artifact{display:flex;align-items:center;gap:12px;border:1px solid #34473f;border-radius:10px;padding:12px;margin:8px 0;text-decoration:none;background:#192720}.artifact strong{display:block;color:#cee9dc;font-size:12px}.artifact small{margin-top:4px}.artifact span:last-child{margin-left:auto}.composer{padding:12px 24px 18px;width:min(900px,100%);margin:0 auto;background:#10141c}.composer form{border:1px solid #3a495d;border-radius:17px;background:#1a2330;padding:10px;box-shadow:0 6px 30px #0003}.composer textarea{background:transparent;border:0;resize:vertical;min-height:65px;max-height:220px;font-size:14px;line-height:1.6}.composer-actions{display:flex;align-items:center;gap:10px}.composer-actions select{font-size:11px;padding:7px;background:transparent}.composer-actions .primary{margin-left:auto;width:36px;height:36px;padding:0;font-size:22px}.composer .hint{text-align:center;margin:9px 0 0}.attach-button{font-size:23px;padding:0 10px;cursor:pointer;color:var(--muted)}.attach-button input{display:none}.attachments{display:flex;flex-wrap:wrap;gap:8px}.attachment{background:#263347;border:1px solid #42536a;padding:7px;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:8px}.attachment img{width:40px;height:40px;object-fit:cover;border-radius:5px}.attachment button{padding:1px 5px}.mobile{display:none}dialog{background:#171f2b;color:inherit;border:1px solid #42516a;border-radius:16px;width:min(650px,94vw);max-height:85dvh;padding:24px}dialog::backdrop{background:#0009}.dialog-heading{display:flex;justify-content:space-between}.device-card{border:1px solid var(--line);border-radius:10px;padding:16px;margin:14px 0}.device-card p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:8px}.device-card button{font-size:11px;margin:5px 6px 0 0}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#34495d;color:#fff;padding:12px 20px;border-radius:12px;max-width:90vw;z-index:100}.dragging{outline:2px dashed var(--accent)}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{display:none;position:fixed;left:0;top:0;bottom:0;width:275px;z-index:20;box-shadow:20px 0 70px #000b}aside.open{display:flex}.mobile{display:block}header{padding:13px 16px}header h2{font-size:14px}header .pill{display:none}#messages{padding:20px 16px}.composer{padding:8px 12px max(14px,env(safe-area-inset-bottom))}.composer .hint{font-size:9px}.welcome h1{font-size:24px}.welcome p{font-size:12px}}
:root select{min-width:0;max-width:100%}.label{min-width:0}.label select{width:100%}.device-card p{white-space:pre-line}
#messages{scroll-behavior:auto}.state{transition:background-color .18s ease,color .18s ease}
@media(prefers-reduced-motion:reduce){.state{transition:none}}