:root{color:#17191d;background:#f2f4f7;font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17191d;--muted: #68707c;--line: #dde1e7;--surface: #ffffff;--surface-soft: #f7f8fa;--accent: #3157d5;--accent-strong: #2446ba;--success: #157a52;--danger: #c94242;--warning: #a56312}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100dvh;overflow:hidden;background:#f2f4f7}button,input,textarea{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}pre,code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.app-shell{display:grid;grid-template-columns:356px minmax(0,1fr);height:100dvh;background:#f2f4f7}.sidebar{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;border-right:1px solid var(--line);background:var(--surface)}.thread-list-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0}.thread-list-header{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 14px}.thread-list-header h1{margin:2px 0 0;font-size:28px;line-height:1.1}.eyebrow{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.search-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin:0 16px 12px;padding:0 10px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--muted)}.search-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.thread-scroll{min-height:0;overflow-y:auto;padding:0 8px 12px}.project-group{padding:4px 0 8px}.project-group+.project-group{border-top:1px solid #edf0f3}.project-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 5px;color:#566070}.project-group-header>div{display:flex;align-items:center;gap:7px;min-width:0}.project-group-header strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-group-header span{color:var(--muted);font-size:10px}.thread-row{width:100%;padding:13px 12px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.thread-row:hover,.thread-row.selected{background:#eef1f7}.thread-row-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.thread-row-top strong{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:14px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.thread-row-top>span{flex:0 0 auto;color:var(--muted);font-size:11px}.thread-row p{display:-webkit-box;overflow:hidden;margin:5px 0 8px;color:var(--muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.thread-row-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.state-active{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-weight:700}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.approval-badge{padding:2px 6px;border-radius:999px;background:#fff0dd;color:#8a4e00;font-weight:700}.empty-list{display:grid;justify-items:center;gap:8px;padding:56px 26px;color:var(--muted);text-align:center}.empty-list strong{color:var(--ink)}.empty-list p{margin:0;font-size:13px;line-height:1.55}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.machine-state{display:flex;align-items:center;gap:10px;min-width:0}.machine-state>div{display:grid;min-width:0}.machine-state strong,.machine-state small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-state strong{font-size:13px}.machine-state small{color:var(--muted);font-size:11px}.status-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--danger)}.machine-state.ready .status-dot{background:var(--success)}.chat-shell,.chat-panel{min-width:0;min-height:0}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;background:#f7f8fa}.chat-header{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 18px;border-bottom:1px solid var(--line);background:#fffffff5}.chat-heading{display:grid;flex:1;min-width:0}.chat-heading strong,.chat-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-heading strong{font-size:15px}.chat-heading span{max-width:680px;color:var(--muted);font-size:11px}.connection-pill{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;max-width:138px;padding:6px 9px;overflow:hidden;border-radius:999px;background:#edf0f3;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.connection-pill.online{background:#e8f5ef;color:var(--success)}.connection-pill.offline{background:#faeaea;color:var(--danger)}.timeline{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px max(18px,calc((100% - 920px)/2)) 36px}.load-older-button{display:flex;align-items:center;gap:7px;margin:0 auto 18px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#586172;font-size:12px;cursor:pointer}.turn-block{display:grid;gap:14px;content-visibility:auto;contain-intrinsic-size:420px}.timeline-empty,.chat-empty,.chat-loading{display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted);text-align:center}.chat-empty h2{margin:0;color:var(--ink);font-size:21px}.chat-empty p{max-width:460px;margin:0;font-size:13px;line-height:1.6}.message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}.message-user{max-width:86%;margin-left:auto}.message-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e7ebf3;color:#495877}.agent-icon{background:#e7eafa;color:var(--accent)}.message-body{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.message-user .message-body{border-color:#cfd7ed;background:#eef2fc}.message-body>p{margin:0;white-space:pre-wrap}.message-body>p+p{margin-top:8px}.image-note{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted);font-size:12px}.markdown-body{line-height:1.68}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote{margin:.75em 0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.15em 0 .45em;line-height:1.35}.markdown-body h1{font-size:21px}.markdown-body h2{font-size:18px}.markdown-body h3{font-size:16px}.markdown-body pre{max-width:100%;overflow-x:auto;padding:12px;border-radius:7px;background:#1d2026;color:#f1f3f6;font-size:12px;line-height:1.55}.markdown-body code:not(pre code){padding:2px 5px;border-radius:4px;background:#eef0f4;font-size:.9em}.markdown-body a{color:var(--accent)}.reasoning-panel{border:1px dashed #cdd3dc;border-radius:8px;background:#fafbfc;color:var(--muted);font-size:12px}.reasoning-panel summary,.generic-tool summary{display:flex;align-items:center;gap:7px;padding:10px 12px;cursor:pointer;color:#4b5563;font-weight:700}.reasoning-panel>div{padding:0 12px 10px 35px}.reasoning-panel p{margin:6px 0;white-space:pre-wrap}.tool-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tool-failed{border-color:#efc7c7}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.tool-name{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:700}.status-chip{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#edf0f3;color:var(--muted);font-size:10px;font-weight:700}.status-chip.success{background:#e8f5ef;color:var(--success)}.status-chip.danger{background:#faeaea;color:var(--danger)}.status-chip.running{background:#e8eafd;color:var(--accent)}.command-line{margin:0;padding:10px;overflow-x:auto;border-radius:6px;background:#20232a;color:#f2f4f7;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.command-output{max-height:320px;margin:9px 0 0;padding:10px;overflow:auto;border:1px solid #292d34;border-radius:6px;background:#15171b;color:#d9dde3;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.tool-meta,.tool-footer{color:var(--muted);font-size:10px}.tool-meta{margin-top:7px;overflow-wrap:anywhere}.tool-footer{display:flex;gap:12px;margin-top:7px}.change-list{display:grid;gap:6px}.change-list code{display:block;overflow:hidden;padding:7px 9px;border-radius:5px;background:var(--surface-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.plan-card p{margin:0;color:#3b4250;font-size:13px;line-height:1.6;white-space:pre-wrap}.generic-tool pre,.json-preview{max-height:240px;margin:0;overflow:auto;color:#505867;font-size:11px;line-height:1.5;white-space:pre-wrap}.approval-card{display:grid;gap:10px;margin:6px 0;padding:14px;border:1px solid #e6c88f;border-radius:8px;background:#fffaf0}.approval-title{display:flex;align-items:center;gap:8px;color:#714209}.approval-card p{margin:0;color:#694b20;font-size:13px;line-height:1.55}.approval-command{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;margin:0;padding:10px;overflow:auto;border-radius:6px;background:#26282d;color:#f5f6f8;font-size:12px}.approval-command code{white-space:pre-wrap;word-break:break-word}.approval-actions{display:flex;justify-content:flex-end;gap:8px}.question-block{display:grid;gap:8px;padding-top:8px;border-top:1px solid #ead8b6}.question-block>p{margin:0}.choice-row{display:flex;align-items:flex-start;gap:8px;padding:8px;border:1px solid #ead8b6;border-radius:7px;background:#fff}.choice-row span{display:grid;gap:2px}.choice-row small{color:var(--muted)}.turn-error{display:flex;align-items:start;gap:8px;padding:10px 12px;border-radius:8px;background:#fbecec;color:#922c2c;font-size:12px;overflow-wrap:anywhere}.composer-wrap{padding:10px max(14px,calc((100% - 920px)/2)) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffffa}.composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;padding:7px;border:1px solid #cfd5dd;border-radius:9px;background:var(--surface);box-shadow:0 4px 18px #1e273412}.composer textarea{width:100%;min-height:38px;max-height:140px;padding:9px 3px;resize:none;border:0;outline:0;background:transparent;line-height:1.45}.attachment-strip{display:flex;gap:8px;padding:0 0 8px;overflow-x:auto}.attachment-chip{position:relative;flex:0 0 auto;width:52px;height:52px}.attachment-chip img{width:100%;height:100%;border:1px solid var(--line);border-radius:7px;object-fit:cover}.attachment-chip button,.attachment-chip>svg{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:21px;height:21px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--danger)}.icon-button{display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:transparent;color:#505867;cursor:pointer}.icon-button:hover{background:#edf0f4}.icon-button.filled{background:var(--accent);color:#fff}.icon-button.filled:hover{background:var(--accent-strong)}.icon-button.small{width:30px;height:30px}.send-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}.send-button:hover{background:var(--accent-strong)}.stop-button{background:var(--danger)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid transparent;border-radius:7px;font-weight:700;cursor:pointer}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-strong)}.button.danger-ghost{border-color:#e7b7b7;background:#fff;color:var(--danger)}.button.wide{width:100%}.link-button{justify-self:end;padding:2px;border:0;background:transparent;color:#79501d;font-size:11px;text-decoration:underline;cursor:pointer}.hidden-input{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#161a217a}.modal-sheet{display:grid;gap:16px;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;padding:20px;border-radius:8px;background:#fff;box-shadow:0 20px 70px #1218233d}.compact-sheet{width:min(430px,100%)}.settings-sheet{width:min(600px,100%)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}select.text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.modal-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.modal-heading h2{margin:4px 0 0;font-size:21px}.field{display:grid;gap:7px}.field>span{color:#404653;font-size:12px;font-weight:700}.text-input,.text-area,.input-with-icon{width:100%;border:1px solid #cfd5dd;border-radius:7px;background:#fff;color:var(--ink);outline:0}.text-input{min-height:42px;padding:8px 11px}.text-area{min-height:126px;padding:10px 11px;resize:vertical;line-height:1.5}.text-area.compact{min-height:78px;font-family:Cascadia Code,Consolas,monospace;font-size:11px}.input-with-icon{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 10px}.input-with-icon input{min-width:0;min-height:42px;border:0;outline:0}.code-input{text-align:center;font-family:Cascadia Code,Consolas,monospace;font-size:17px}.inline-error{padding:9px 11px;border-radius:7px;background:#fbecec;color:#922c2c;font-size:12px}.toast{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:80;max-width:min(420px,calc(100vw - 36px));padding:11px 14px;border-radius:8px;background:#20242b;color:#fff;box-shadow:0 12px 38px #00000038;font-size:12px}.login-screen,.boot-screen{display:grid;min-height:100dvh;place-items:center;padding:18px;background:#f2f4f7}.login-panel{display:grid;gap:14px;width:min(420px,100%);padding:26px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 50px #1d27371c}.login-panel h1{margin:0;font-size:26px;line-height:1.25}.login-panel p{margin:-4px 0 2px;color:var(--muted);font-size:13px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:var(--accent);color:#fff;font-weight:900}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only{display:none}@media(max-width:780px){body{overflow:hidden}.app-shell{display:block}.sidebar{height:100dvh;border-right:0}.sidebar.mobile-hidden{display:none}.chat-shell{display:none;height:100dvh}.chat-shell.mobile-visible{display:block}.chat-header{min-height:61px;padding:9px 12px}.mobile-only{display:inline-grid}.connection-pill{max-width:106px}.timeline{padding:18px 12px 28px}.message-user{max-width:94%}.message{grid-template-columns:30px minmax(0,1fr);gap:8px}.message-icon{width:30px;height:30px}.message-body{padding:10px 11px}.composer-wrap{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.thread-list-header{padding-top:calc(18px + env(safe-area-inset-top))}.settings-grid{grid-template-columns:1fr}.thread-scroll{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.sidebar-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.toast{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}