*{box-sizing:border-box;margin:0}[hidden]{display:none!important}:root{--bg: #12141a;--panel: #1a1d26;--border: #2a2e3b;--text: #e6e8ee;--dim: #8b90a0;--accent: #7c6cf0;--ok: #4cc38a;--warn: #e5484d;--gold: #e0a83a}body{background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif;height:100vh;height:100dvh;overflow:hidden}#app{display:flex;height:100vh;height:100dvh}#sidebar{width:240px;background:var(--panel);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:12px}#sidebar h1{font-size:18px}#new-project{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px;cursor:pointer;font-size:14px}#project-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}#project-list a{color:var(--dim);text-decoration:none;padding:6px 8px;border-radius:6px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#project-list a:hover,#project-list a.active{background:#232734;color:var(--text)}#project-list a small{display:block;color:var(--dim);font-size:11px}#project-list .dot{color:var(--ok);font-size:10px}#user-box{font-size:12px;color:var(--dim);border-top:1px solid var(--border);padding-top:10px}#user-box a{color:var(--dim)}#main{flex:1;display:flex;flex-direction:column;min-height:0}#login-screen{margin:auto;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}#login-screen p{color:var(--dim)}#login-screen .error{color:var(--warn)}#login-btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:12px 24px;font-size:16px;cursor:pointer}#chat{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0}#chat-header{padding:14px 20px;border-bottom:1px solid var(--border);font-weight:600;display:flex;align-items:center;gap:12px}#menu-toggle,#thread-back{display:none;background:none;border:0;color:var(--text);font-size:22px;cursor:pointer;padding:0;line-height:1}#chat-title{cursor:pointer;border-bottom:1px dashed transparent}#chat-title:hover{border-bottom-color:var(--dim)}#chat-subtitle{color:var(--dim);font-size:12px;font-weight:400}#scrim{display:none}#messages{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.msg{max-width:780px;border-radius:10px;padding:10px 14px;position:relative}.msg-user{background:var(--accent);color:#fff;align-self:flex-end}.msg-chat{background:var(--panel);border:1px solid var(--border)}.msg-chat.mine{border-color:var(--accent)}.msg-chat.command{background:#2a2312;border-color:var(--gold)}.msg-chat.command .author{color:var(--gold)}.msg .author{display:block;font-size:12px;color:var(--accent);font-weight:600;margin-bottom:2px}.msg .thread-btn{position:absolute;top:6px;right:8px;opacity:0;transition:opacity .12s ease;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:12px;line-height:1.5;color:var(--dim);cursor:pointer}.msg:hover .thread-btn,.msg .thread-btn:focus-visible,.msg .thread-btn.has-replies{opacity:1}.msg .thread-btn:hover{color:var(--accent);border-color:var(--accent)}.msg-chat{padding-right:56px}@media(hover:none){.msg .thread-btn{opacity:1}}.msg-assistant{background:var(--panel);border:1px solid var(--border)}.msg-assistant .author,.msg-agenthead{display:block;font-size:12px;color:var(--ok);font-weight:600;margin-bottom:2px}.msg-tool{color:var(--dim);font-size:13px;padding:2px 14px}.msg-tool code{background:var(--panel);padding:1px 6px;border-radius:4px}.msg-tool .tool-name{color:var(--accent)}.msg-deploy{background:#17301f;border:1px solid var(--ok)}.msg-deploy a{color:var(--ok)}.msg-result{color:var(--dim);font-size:13px}.msg-error{background:#33191b;border:1px solid var(--warn)}.msg-hint{color:var(--dim);font-style:italic}.msg code{background:#0e1016;border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.9em}.msg pre{background:#0e1016;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:8px 0;overflow-x:auto}.msg pre code{background:none;border:0;padding:0;font-size:.88em;line-height:1.45}.msg ul,.msg ol{margin:6px 0 6px 20px}.msg li{margin:2px 0}.msg .mdh{font-weight:600;margin:10px 0 4px}.msg strong{font-weight:600}.msg a{color:var(--accent)}.msg-thinking{color:var(--dim);font-size:13px;font-style:italic;border-left:2px solid var(--border);padding:4px 12px;background:none}#activity{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 20px;color:var(--dim);font-size:13px;border-top:1px solid var(--border)}#activity .pulse{color:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}#composer{display:flex;flex-direction:column;gap:8px;padding:12px 20px;border-top:1px solid var(--border);flex:0 0 auto}#composer-row{display:flex;gap:10px;align-items:flex-end}#attach-btn{background:var(--panel);border:1px solid var(--border);color:var(--dim);border-radius:8px;padding:0 12px;height:40px;cursor:pointer;font-size:16px}#attach-btn:hover{color:var(--accent);border-color:var(--accent)}#attach-preview{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim)}#attach-preview img{height:44px;width:auto;border-radius:6px;border:1px solid var(--border)}#attach-remove{background:none;border:0;color:var(--dim);cursor:pointer;font-size:14px}.msg img.shot{display:block;margin-top:8px;max-width:100%;max-height:320px;border-radius:8px;border:1px solid var(--border);cursor:zoom-in}#mode-toggle{display:flex;gap:4px}#mode-toggle button{background:var(--panel);border:1px solid var(--border);color:var(--dim);border-radius:999px;padding:4px 14px;font-size:13px;cursor:pointer}#mode-toggle button.active{color:#fff}#mode-toggle button[data-mode=chat].active{background:#2a3550;border-color:var(--accent);color:var(--text)}#mode-toggle button[data-mode=command].active{background:#3a2f14;border-color:var(--gold);color:#ffd98a}#mode-hint{font-size:12px;color:var(--dim);min-height:1em}#input{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px;font:inherit;resize:none}#send{height:40px;flex:0 0 auto;color:#fff;border:0;border-radius:8px;padding:0 22px;cursor:pointer;font-size:14px;background:var(--accent)}#app.mode-command #send{background:var(--gold);color:#241a05;font-weight:600}#send:disabled{opacity:.5;cursor:default}#typing{flex:0 0 auto;padding:2px 20px;color:var(--dim);font-size:12px;font-style:italic}.thread-root{border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:8px}@media(max-width:640px){#menu-toggle{display:block}#sidebar{position:fixed;top:0;left:0;bottom:0;z-index:20;width:78vw;max-width:300px;transform:translate(-100%);transition:transform .2s ease}#app.drawer-open #sidebar{transform:translate(0)}#app.drawer-open #scrim{display:block;position:fixed;inset:0;z-index:10;background:#00000080}#main{width:100%}.msg{max-width:100%}#messages{padding:14px}#composer{padding:10px 12px}}