:root{--bg: #f5f8fa;--bg-soft: #edf2f6;--panel: #ffffff;--panel-2: #eef3f7;--border: #d9e2ea;--border-soft: #e5ecf1;--text: #1c2733;--text-dim: #5a6b7c;--text-faint: #8b9aa8;--accent: #0f766e;--accent-soft: rgba(13, 148, 136, .12);--accent-strong: #0d9488;--green: #16a34a;--red: #e11d48;--blue: #0284c7;--radius: 12px;--radius-sm: 8px;--shadow: 0 18px 50px rgba(15, 23, 42, .1);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}textarea,input,select{touch-action:manipulation}.mono{font-family:JetBrains Mono,Cascadia Code,Consolas,SF Mono,monospace}.muted{color:var(--text-dim)}.tiny{font-size:12px}.small{font-size:12.5px}.row{display:flex;align-items:center}.row.wrap{flex-wrap:wrap;justify-content:center}.gap{gap:10px}.pad{padding:12px}.mobile-only{display:none!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c2ccd6;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:17px;color:#fff;background:linear-gradient(145deg,#14b8a6,#0f766e);box-shadow:0 6px 18px #0d948847;flex:none}.brand-mark.large{width:58px;height:58px;border-radius:16px;font-size:28px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.dot.online{background:var(--green);box-shadow:0 0 0 3px #16a34a29}.dot.offline{background:var(--red);box-shadow:0 0 0 3px #e11d4824}.splash{height:100%;display:grid;place-content:center;justify-items:center;gap:18px}.splash-text{color:var(--text-dim);letter-spacing:.02em}.btn{border:1px solid transparent;background:var(--panel-2);border-radius:10px;padding:9px 14px;color:var(--text);transition:background .15s ease,border-color .15s ease,transform .05s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover:not(:disabled){background:#e2e9ef}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(145deg,#14b8a6,#0d9488);color:#fff;font-weight:650;border-color:#ffffff14}.btn.primary:hover:not(:disabled){background:linear-gradient(145deg,#0d9488,#0f766e)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn.ghost:hover:not(:disabled){border-color:#c4ced8;color:var(--text);background:#0f172a0a}.btn.danger{background:#e11d481f;border-color:#e11d4859;color:#e11d48}.btn.danger:hover:not(:disabled){background:#e11d4833}.btn.link{background:transparent;border-color:transparent;color:var(--text-dim);text-decoration:underline;text-underline-offset:3px}.btn.wide,.btn.block{width:100%}.btn.small{padding:6px 10px;font-size:12.5px;border-radius:8px}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:18px;line-height:1}.icon-btn:hover:not(:disabled){background:#0f172a0f;color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.input,.select,textarea.input{width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:9px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;resize:vertical}.input:focus,.select:focus,textarea.input:focus{border-color:#0d94888c;box-shadow:0 0 0 3px #0d94881a}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--text-faint) 50%),linear-gradient(135deg,var(--text-faint) 50%,transparent 50%);background-position:calc(100% - 15px) 51%,calc(100% - 10px) 51%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.select.small{width:auto;padding:5px 26px 5px 9px;font-size:12.5px;border-radius:8px;background-color:transparent;color:var(--text-dim)}.label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:14px 0 6px}.form-grid .label{margin-top:12px}.form-error{margin-top:12px;padding:9px 12px;border-radius:8px;background:#e11d481a;border:1px solid rgba(225,29,72,.3);color:#e11d48;font-size:13px}.hint{margin-top:7px;font-size:11.5px;line-height:1.5;color:var(--text-faint)}.login{min-height:100%;display:grid;place-items:center;padding:28px;background:radial-gradient(900px 500px at 12% -10%,rgba(13,148,136,.1),transparent 60%),radial-gradient(700px 400px at 100% 110%,rgba(2,132,199,.08),transparent 60%),var(--bg)}.login-card{width:100%;max-width:460px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}.login-brand h1{margin:0;font-size:23px;letter-spacing:-.02em}.login-brand p{margin:2px 0 0;font-size:13px}.login-points{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:8px}.login-points li{position:relative;padding-left:20px;color:var(--text-dim);font-size:13px}.login-points li:before{content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.login-actions{display:grid;gap:10px}.login-actions .label{margin-top:0}.login-card>.tiny{margin:20px 0 0;line-height:1.55}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:276px;flex:none;display:flex;flex-direction:column;background:var(--bg-soft);border-right:1px solid var(--border-soft);padding:14px 12px;gap:12px}.sidebar-head{display:flex;align-items:center;gap:10px;padding:2px 4px 8px}.brand-copy{flex:1;min-width:0}.brand-title{font-weight:650;letter-spacing:-.01em}.brand-sub{font-size:11.5px;color:var(--text-faint);display:flex;align-items:center}.new-chat{justify-content:flex-start;padding:10px 12px;background:linear-gradient(180deg,#0d948829,#0d948814);border:1px solid rgba(13,148,136,.32);color:var(--accent-strong);font-weight:600}.new-chat:hover:not(:disabled){background:linear-gradient(180deg,#0d948838,#0d94881f)}.session-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin:0 -4px;padding:0 4px}.sidebar-empty{color:var(--text-faint);font-size:12.5px;padding:14px 10px;line-height:1.5}.session-item{text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:9px 10px;display:grid;gap:3px;color:var(--text)}.session-item:hover{background:#0f172a0b}.session-item.active{background:var(--accent-soft);border-color:#0d948847}.session-top{display:flex;align-items:center;gap:6px;min-width:0}.session-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;font-size:13.5px}.session-bottom{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--text-faint)}.session-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.session-time{flex:none}.archived-tag{font-size:10px;color:var(--text-faint);border:1px solid var(--border);border-radius:4px;padding:0 4px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-strong);animation:pulse 1.2s infinite ease-in-out;flex:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.sidebar-foot{display:flex;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--border-soft)}.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.empty-state{margin:auto;max-width:460px;text-align:center;display:grid;gap:14px;justify-items:center;padding:30px}.empty-state h1{font-size:22px;margin:6px 0 0;letter-spacing:-.02em}.empty-state p{color:var(--text-dim);margin:0}.chat{display:flex;flex-direction:column;height:100%;min-width:0;position:relative}.jump-to-bottom{position:absolute;bottom:104px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim);display:grid;place-items:center;box-shadow:0 6px 20px #00000059;z-index:5;transition:background .15s ease,color .15s ease}.jump-to-bottom:hover{background:#232a33;color:var(--text)}.chat-head{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border-soft);background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.chat-head-main{min-width:0;flex:1}.title-button{background:transparent;border:none;padding:0;font-size:15.5px;font-weight:620;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-button:hover{color:var(--accent-strong)}.title-input{background:var(--bg-soft);border:1px solid var(--border);border-radius:7px;padding:3px 8px;font-size:15px;font-weight:600;outline:none;width:min(420px,100%)}.chat-path{font-size:11.5px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head-actions{display:flex;align-items:center;gap:8px;flex:none}.usage{font-size:11.5px;color:var(--text-faint);padding:3px 8px;border:1px solid var(--border-soft);border-radius:20px;white-space:nowrap}.messages{flex:1;overflow-y:auto;padding:24px 24px 8px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.load-older{align-self:center}.chat-empty{margin:auto;max-width:480px;text-align:center;display:grid;gap:10px;justify-items:center;padding:40px 20px}.chat-empty-title{font-size:19px;font-weight:620}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.chip{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);border-radius:20px;padding:6px 13px;font-size:12.5px}.chip:hover{border-color:#0d948866;color:var(--text)}.msg{display:flex;flex-direction:column;gap:5px;animation:fade-in .18s ease;max-width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}}.msg-role{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.msg.user{align-items:flex-end}.msg.user .msg-role{align-self:flex-end}.bubble{border-radius:var(--radius);padding:11px 15px;max-width:100%;overflow-wrap:anywhere}.msg-piece{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:min(760px,88%);min-width:0}.msg.user .msg-piece{align-items:flex-end}.copy-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-faint);display:grid;place-items:center;opacity:0;transition:opacity .12s ease,color .12s ease;cursor:pointer}.msg-piece:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--text)}.copy-btn.copied{opacity:1;color:var(--green)}@media (pointer: coarse){.copy-btn{opacity:.7;width:30px;height:30px}}.user-bubble{background:linear-gradient(180deg,#0d94882b,#0d94881a);border:1px solid rgba(13,148,136,.22);white-space:pre-wrap}.agent-bubble{background:var(--panel);border:1px solid var(--border-soft)}.thinking{border:1px dashed var(--border);border-radius:10px;padding:8px 12px;color:var(--text-faint);font-size:12.5px;max-width:min(760px,92%)}.thinking summary{cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none}.thinking pre{white-space:pre-wrap;margin:8px 0 2px;color:var(--text-faint);font-size:12px;max-height:320px;overflow:auto}.working{display:flex;align-items:center;gap:9px;color:var(--text-dim);font-size:12.5px;padding:2px 4px}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(13,148,136,.25);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tool-card{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;overflow:hidden;max-width:min(860px,96%)}.tool-card.error{border-color:#e11d4859}.tool-head{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:none;padding:9px 12px;text-align:left}.tool-head:hover{background:#0f172a08}.tool-head.static{cursor:default}.tool-caret{color:var(--text-faint);font-size:11px;width:10px}.tool-name{font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}.tool-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-dim)}.tool-status{font-size:10.5px;border-radius:20px;padding:1px 8px;flex:none;color:var(--text-faint);background:#0f172a0d}.tool-status.ok{color:var(--green);background:#16a34a1a}.tool-status.bad{color:#e11d48;background:#e11d481f}.tool-status.pending{color:var(--accent);background:var(--accent-soft)}.tool-body{border-top:1px solid var(--border-soft);padding:10px 12px 12px;display:grid;gap:10px}.tool-section{display:grid;gap:4px}.tool-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint)}.code{margin:0;background:#f1f5f8;border:1px solid var(--border-soft);border-radius:7px;padding:9px 11px;font-size:12px;line-height:1.55;color:#334155;max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.code.small{font-size:11.5px;border:none;background:transparent;max-height:260px}.markdown>*:first-child{margin-top:0}.markdown>*:last-child{margin-bottom:0}.markdown p{margin:.55em 0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:.9em 0 .45em;line-height:1.3;letter-spacing:-.01em}.markdown h1{font-size:1.28em}.markdown h2{font-size:1.16em}.markdown h3{font-size:1.05em}.markdown ul,.markdown ol{margin:.5em 0;padding-left:1.5em}.markdown li{margin:.22em 0}.markdown code{background:#f1f5f8;border:1px solid var(--border-soft);border-radius:5px;padding:1px 5px;font-family:JetBrains Mono,Consolas,monospace;font-size:.9em}.markdown pre{background:#f1f5f8;border:1px solid var(--border-soft);border-radius:9px;padding:11px 13px;overflow:auto;margin:.7em 0}.markdown pre code{background:transparent;border:none;padding:0;font-size:12.3px;line-height:1.58}.markdown blockquote{margin:.7em 0;padding:2px 0 2px 13px;border-left:3px solid var(--border);color:var(--text-dim)}.markdown table{border-collapse:collapse;margin:.7em 0;font-size:13px}.markdown th,.markdown td{border:1px solid var(--border);padding:5px 10px;text-align:left}.markdown th{background:var(--panel-2)}.markdown a{color:var(--blue);text-decoration:none}.markdown a:hover{text-decoration:underline}.markdown hr{border:none;border-top:1px solid var(--border);margin:1em 0}.composer{padding:10px 18px 16px;border-top:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(245,248,250,.5),var(--bg))}.composer-box{display:flex;align-items:flex-end;gap:10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;padding:9px 9px 9px 14px;transition:border-color .15s ease,box-shadow .15s ease}.composer-box:focus-within{border-color:#0d948873;box-shadow:0 0 0 3px #0d948814}.composer-box textarea{flex:1;background:transparent;border:none;outline:none;resize:none;min-height:24px;max-height:220px;padding:3px 0;line-height:1.5}.send{width:34px;height:34px;flex:none;border-radius:10px;border:none;display:grid;place-items:center;background:linear-gradient(145deg,#14b8a6,#0d9488);color:#fff}.send:disabled{opacity:.35;cursor:not-allowed}.send.stop{background:#e11d4829;border:1px solid rgba(225,29,72,.4)}.stop-square{width:11px;height:11px;border-radius:2px;background:#e11d48}.composer-foot{display:flex;justify-content:space-between;align-items:center;padding:7px 4px 0}.conn{font-size:11.5px;color:var(--text-faint)}.conn.connected{color:#16a34ad9}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a52;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px;z-index:40;animation:fade-in .14s ease}.modal{width:100%;max-width:460px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow);max-height:90vh;overflow:auto}.modal.wide-modal{max-width:580px}.modal h2{margin:0 0 6px;font-size:19px;letter-spacing:-.01em}.modal>p{margin:0 0 14px;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.recovery-box{background:#f1f5f8;border:1px solid var(--border);border-radius:10px;padding:14px;font-size:13.5px;letter-spacing:.06em;line-height:1.8;word-break:break-all;-webkit-user-select:all;user-select:all;margin:12px 0}.check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-dim);margin-left:auto;cursor:pointer}.check input{accent-color:var(--accent);width:15px;height:15px}.folder-picker{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;padding:9px;display:grid;gap:8px}.folder-bar{display:flex;align-items:center;gap:7px}.folder-path{flex:1;min-width:0;font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f8;border:1px solid var(--border-soft);border-radius:7px;padding:5px 9px}.folder-list,.folder-roots{max-height:190px;overflow-y:auto;display:grid;gap:1px}.folder-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;border-radius:7px;padding:6px 8px;font-size:13px;color:var(--text-dim)}.folder-row:hover{background:#0f172a0d;color:var(--text)}.folder-icon{color:var(--accent);font-size:11px}.folder-create{display:flex;gap:7px}.folder-selected{font-size:11.5px;color:var(--accent-strong);overflow-wrap:anywhere}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#fdeef0;border:1px solid rgba(225,29,72,.4);color:#e11d48;border-radius:10px;padding:9px 10px 9px 15px;box-shadow:var(--shadow);z-index:60;max-width:min(640px,90vw);font-size:13px}.turn{display:flex;flex-direction:column;gap:8px;max-width:100%;min-width:0;animation:fade-in .18s ease}.assistant-turn{max-width:100%}.tool-activity{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;max-width:min(860px,100%);overflow:hidden}.tool-activity>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 12px;-webkit-user-select:none;user-select:none}.tool-activity>summary::-webkit-details-marker{display:none}.tool-activity>summary:hover{background:#ffffff06}.activity-caret{color:var(--text-faint);font-size:11px;width:10px;flex:none;transition:transform .15s ease}.tool-activity[open] .activity-caret{transform:rotate(90deg)}.activity-glyph{color:var(--blue);font-size:12px;flex:none}.activity-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--text-dim)}.activity-count{flex:none;font-size:10.5px;color:var(--text-faint)}.activity-body{border-top:1px solid var(--border-soft);padding:8px;display:grid;gap:6px}.control-prompt{border:1px solid rgba(245,185,66,.45);background:#f5b9420f;border-radius:12px;padding:12px 14px;margin-bottom:10px;display:grid;gap:8px;max-width:min(760px,100%);animation:fade-in .18s ease}.control-prompt-head{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent-strong);font-weight:650}.control-prompt-title{font-size:13.5px;font-weight:600}.control-prompt-tool{font-size:12px;color:var(--blue)}.control-prompt-reason{font-size:12px;color:var(--text-dim);white-space:pre-wrap}.control-prompt-input{display:grid;gap:5px;background:#0000002e;border:1px solid var(--border-soft);border-radius:8px;padding:8px 10px}.control-prompt-row{display:flex;gap:10px;align-items:baseline;font-size:12.5px;line-height:1.5}.control-prompt-label{flex:none;min-width:44px;color:var(--text-faint)}.control-prompt-value{flex:1;min-width:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.control-prompt-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.control-prompt-actions .btn{min-width:84px}.tool-result-note{border:1px solid var(--border-soft);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--text-dim);display:flex;gap:8px;max-width:min(860px,100%);overflow-wrap:anywhere}.tool-result-note.error{border-color:#ef6b6b4d;color:#ffb3b3}.tool-section-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--text-faint);flex:none}.sidebar-scroll{flex:1;overflow-y:auto;margin:0 -4px;padding:0 4px}.sidebar-section-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);padding:10px 8px 6px}.sidebar-section-head.spaced{margin-top:8px;border-top:1px solid var(--border-soft);padding-top:12px}.small-icon{width:24px;height:24px;font-size:16px}.machine-empty{width:100%;text-align:left;background:#0d948812;border:1px dashed rgba(13,148,136,.28);border-radius:9px;color:var(--accent);font-size:12px;padding:9px 10px}.machine-block{margin-bottom:4px}.machine-row{width:100%;display:flex;align-items:center;gap:7px;padding:7px 8px;background:transparent;border:none;border-radius:8px;color:var(--text)}.machine-row:hover{background:#0f172a0d}.machine-name{flex:1;text-align:left;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-caret{color:var(--text-faint);font-size:11px}.machine-body{padding:0 4px 6px 14px;display:grid;gap:5px}.machine-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-faint)}.link-btn{background:none;border:none;color:var(--accent);font-size:11px;padding:0}.link-btn:disabled{color:var(--text-faint);opacity:.5;cursor:default}.machine-actions{display:flex;align-items:center;gap:8px;flex:none}.danger-link,.danger-icon{color:var(--red)}.danger-icon{margin-left:auto;font-size:18px}.machine-empty-line{padding:3px 0 5px}.project-block{border-left:1px solid var(--border-soft);padding-left:9px;display:grid;gap:1px;margin-bottom:5px}.project-row{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--text-dim);padding:4px 0 2px;font-weight:600}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-count{color:var(--text-faint);font-weight:400}.project-new{width:20px;height:20px;flex:none;border-radius:6px;border:none;background:transparent;color:var(--text-faint);font-size:16px;line-height:1;display:grid;place-items:center;padding:0}.project-new:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-strong)}.project-new:disabled{opacity:.4;cursor:not-allowed}.project-session{display:flex;justify-content:space-between;align-items:center;gap:8px;background:none;border:none;color:var(--text-dim);text-align:left;font-size:12px;padding:4px 6px;border-radius:6px;min-height:0}.project-session:hover{background:#0f172a0d;color:var(--text)}.project-session-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}.project-session-time{flex:none;color:var(--text-faint);font-size:10.5px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block;flex:none}.project-more{font-size:10.5px;color:var(--text-faint);padding:2px 6px 4px}.machine-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-faint);border:1px solid var(--border);border-radius:20px;padding:1px 8px;flex:none}.machine-chip .dot{margin-right:0}.machine-chip.offline{color:#e11d48;border-color:#e11d484d}.chat-subline{display:flex;align-items:center;gap:8px;min-width:0}.chat-subline .chat-path{flex:1;min-width:0}.chat-notice{margin-bottom:8px;padding:8px 12px;border-radius:8px;font-size:12.5px}.chat-notice.ok{background:#52d19a14;border:1px solid rgba(82,209,154,.28);color:#9fe8c7}.chat-notice.err{background:#ef6b6b1a;border:1px solid rgba(239,107,107,.3);color:#ffb3b3}.desktop-open-btn{margin-top:14px;min-height:42px}.offline-banner{background:#e11d481a;border:1px solid rgba(225,29,72,.3);color:#e11d48;border-radius:8px;padding:7px 11px;font-size:12px;margin-bottom:8px}.composer-box textarea:disabled{opacity:.55;cursor:not-allowed}.pending-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.pending-image{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.pending-image img{width:100%;height:100%;object-fit:cover}.pending-image-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:#000000a6;color:#fff;font-size:14px;line-height:1;display:grid;place-items:center;cursor:pointer}.composer-attach{width:34px;height:34px;flex:none;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-dim);display:grid;place-items:center;padding:0}.composer-attach:hover:not(:disabled){background:#ffffff0d;color:var(--text)}.composer-attach:disabled{opacity:.4;cursor:not-allowed}.user-image-wrap{display:block;width:200px;height:200px;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;margin-bottom:6px;background:#e6ecf1}.user-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.user-image-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#9aa6b2;background:#e6ecf1}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000eb;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.image-viewer-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.image-viewer-img{max-width:92vw;max-height:88vh;object-fit:contain;transition:transform .15s ease;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.image-viewer-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff2e;color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:101}.image-viewer-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffff8c;font-size:12px;pointer-events:none}@media (max-width: 820px){.user-image-wrap{width:160px;height:160px}}.command-box{display:flex;gap:8px;align-items:center;background:#f1f5f8;border:1px solid var(--border);border-radius:9px;padding:9px 11px;margin:10px 0}.command-box code{flex:1;font-size:12px;overflow-wrap:anywhere}.command-alt{display:flex;align-items:baseline;gap:6px;margin:-4px 0 10px;overflow-wrap:anywhere}.command-alt code{font-size:11.5px;color:var(--text-dim)}.pair-hint{margin:10px 0 4px;padding:9px 12px;border-radius:8px;background:var(--accent-soft);border:1px solid rgba(13,148,136,.28);color:var(--accent-strong);font-size:12.5px}.pair-code-box{margin:14px 0;padding:20px 16px;border:1px dashed rgba(13,148,136,.45);border-radius:14px;background:#0d94880d;display:grid;justify-items:center;gap:8px;text-align:center}.pair-code-box.claimed{border-color:#16a34a73;background:#16a34a0f}.pair-code-box.expired{border-color:#e11d4866;background:#e11d480d}.pair-code{font-size:clamp(26px,7vw,40px);font-weight:700;letter-spacing:.14em;color:var(--accent-strong);line-height:1.2;-webkit-user-select:all;user-select:all}.pair-code-meta{font-size:12px;color:var(--text-faint)}.pair-code-status{font-size:20px;font-weight:650;color:var(--green)}.pair-code-actions{display:flex;gap:8px;margin-top:2px}.pair-steps{display:grid;gap:7px;font-size:12.5px;color:var(--text-dim);margin:12px 0}.pair-steps a{color:var(--accent-strong)}.pair-switch{text-align:center;margin-top:6px}.pair-row{display:flex;gap:8px;margin:12px 0}.pair-input{text-transform:uppercase;letter-spacing:.15em;font-size:16px}.pair-list{margin-top:14px;display:grid;gap:6px}.pair-item{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border-soft);border-radius:9px;padding:8px 10px}.pair-item>div{flex:1}.pair-name{font-weight:600;font-size:13px}.pair-success{margin-top:12px;padding:9px 12px;border-radius:8px;background:#16a34a14;border:1px solid rgba(22,163,74,.28);color:#16a34a;font-size:12.5px}.pair-machines{margin-top:14px}.pair-machine-row{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:3px 0;color:var(--text-dim)}.empty-machine{display:grid;gap:10px;justify-items:start;padding:14px 0}.empty-machine code{background:#f1f5f8;border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.folder-roots-inline{display:flex;flex-wrap:wrap;gap:5px}.tiny-chip{font-size:10.5px;padding:3px 8px}@media (min-width: 1180px){.messages{padding-left:max(24px,calc((100% - 1020px)/2));padding-right:max(24px,calc((100% - 1020px)/2))}.composer{padding-left:max(18px,calc((100% - 1020px)/2));padding-right:max(18px,calc((100% - 1020px)/2))}}@media (max-width: 1100px){.sidebar{width:248px}.chat-head-actions .usage{display:none}}@media (max-width: 900px){.chat-head{padding:10px 12px}.chat-head-actions{gap:6px}.chat-head-actions .select.small{max-width:118px}.bubble{max-width:92%}}@media (max-width: 820px){body{overscroll-behavior-y:none}.app{display:block;position:relative;height:100dvh;overflow:hidden}.main{height:100%}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(86vw,330px);z-index:45;border-right:1px solid var(--border);padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));transform:translate(-104%);transition:transform .22s cubic-bezier(.2,.8,.2,1);box-shadow:24px 0 70px #0f172a29}.sidebar.mobile-open{transform:none}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f172a4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .15s ease}.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.sidebar .mobile-only{display:grid!important}.chat{height:100%}.chat-head{padding:max(8px,env(safe-area-inset-top)) 10px 8px;gap:6px}.chat-head-main{min-width:0}.title-button{font-size:15px}.chat-path{font-size:11px}.messages{padding:14px 12px 4px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:12px}.msg.user,.msg.agent{max-width:100%}.bubble{max-width:94%;padding:10px 13px}.agent-bubble{max-width:100%}.tool-card,.thinking{max-width:100%;width:100%}.chat-empty{padding:26px 8px}.chat-empty-title{font-size:17px}.composer{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.composer-box{border-radius:13px;padding:8px 8px 8px 12px}.composer-box textarea{font-size:16px;max-height:160px}.composer-foot .muted{display:none}.login{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));align-content:center}.login-card{padding:22px;border-radius:16px}.login-points li{font-size:12.5px}.modal-backdrop{padding:14px;align-items:center}.modal{max-width:100%;max-height:90dvh;padding:18px;border-radius:16px}.wide-modal{max-height:90dvh}.recovery-box{font-size:12.5px}.folder-list,.folder-roots{max-height:160px}.empty-state{padding:22px}.empty-state h1{font-size:19px}.toast{left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));transform:none;max-width:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;background:#0f172a4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;animation:fade-in .15s ease}.sheet{width:100%;max-height:88dvh;overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:20px 20px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));animation:sheet-up .2s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:38px;height:4px;border-radius:4px;background:#c2ccd6;margin:2px auto 12px}.sheet-title{font-weight:650;font-size:15px}.sheet .label{margin-top:12px}.sheet-usage{margin-top:14px;font-size:12.5px;color:var(--text-faint)}.sheet-actions{display:flex;gap:8px;margin-top:18px}.sheet-actions .btn{flex:1;min-height:42px}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}}@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape){.chat-head{padding-top:5px;padding-bottom:5px}.chat-path{display:none}.messages{padding-top:8px}.composer-box textarea{max-height:80px}.composer-foot{display:none}.composer{padding-bottom:calc(6px + env(safe-area-inset-bottom))}.sheet{max-height:94dvh}}@media (pointer: coarse){.btn{min-height:40px}.btn.small{min-height:36px}.icon-btn{width:38px;height:38px}.send{width:40px;height:40px}.session-item{padding:11px 12px}.chip{min-height:38px}.input,.select,textarea.input{min-height:42px}}