:root{font-family:Noto Sans SC,Source Han Sans SC,Microsoft YaHei UI,Microsoft YaHei,Segoe UI,sans-serif;color:#243234;background:#fff;font-synthesis:none;--accent: #176d68;--accent-soft: #e8f1ef;--muted: #667477;--line: #e1e7e6;--surface: #f3f5f5;--content-width: 804px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}svg{flex-shrink:0}.app-shell{height:100vh;height:100dvh;display:flex;overflow:hidden}.sidebar{width:232px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:26px 12px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:26px}.brand img{width:29px;height:29px}.brand strong{font-family:Segoe UI,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.7px}.new-chat{display:flex;align-items:center;gap:10px;border:1px solid #d6dfdd;border-radius:8px;padding:11px 13px;width:100%;background:#fff;font-size:13px;font-weight:500}.new-chat:hover{border-color:#97b6b0;background:#fafcfc}.new-chat svg{color:var(--accent)}.section-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;color:var(--muted);margin:24px 10px 6px}.icon-button{width:30px;height:30px;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:#e5ebea}.sidebar nav{overflow:auto;flex:1}.project-row{width:100%;display:flex;gap:9px;align-items:center;text-align:left;padding:11px 10px;border-radius:7px;font-size:13px}.project-row:hover{background:#e9eeee}.project-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row.selected{color:#155e58;background:#e0ebe8;font-weight:500}.chat-list{margin:4px 0 12px 18px;border-left:1px solid #d4dfdc;padding-left:7px}.chat-list button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 8px;border-radius:5px;font-size:12px;color:var(--muted)}.chat-list button:hover{background:#e9eeee}.chat-list button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list button.active{background:#fff;color:#243234}.chat-list p,.sidebar-hint{font-size:12px;line-height:1.8;color:var(--muted);padding:0 10px}.sidebar-bottom{border-top:1px solid var(--line);padding:14px 8px 0;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.sidebar-bottom button{margin-left:auto}.connection{width:6px;height:6px;background:#939f9e;border-radius:50%;flex-shrink:0}.connection.connected{background:#328574}.sidebar-toggle,.sidebar-close,.sidebar-scrim{display:none}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;min-height:60px;border-bottom:1px solid #edf0ef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px;font-size:13px}.topbar>div{display:flex;align-items:center;min-width:0;flex:1}.project-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.separator{color:#a5b1ae;padding:0 12px}.chat-title{color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:360px}.subtle-button{display:flex;align-items:center;gap:7px;color:var(--muted);border-radius:6px;padding:8px 10px;font-size:12px;white-space:nowrap}.subtle-button:hover,.subtle-button.chosen{background:var(--accent-soft);color:var(--accent)}.badge{background:#dcebe6;color:#215f55;border-radius:4px;padding:1px 5px;font-size:10px}.work-content{display:flex;min-height:0;flex:1;position:relative}.conversation{display:flex;flex-direction:column;min-width:0;flex:1}.message-scroll{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#ccd5d2 transparent}.conversation.is-empty{overflow-y:auto;padding-top:clamp(40px,15vh,150px);padding-bottom:28px}.is-empty .message-scroll{display:none}.welcome{width:100%;max-width:var(--content-width);padding:0 24px;margin:0 auto 28px}.welcome h1{font-size:28px;letter-spacing:-.7px;font-weight:500;margin:0 0 12px;line-height:1.4}.welcome>p{color:var(--muted);font-size:14px;margin:0;line-height:1.8}.composer-wrap{padding:16px 24px 18px;width:100%;max-width:var(--content-width);align-self:center;flex-shrink:0}.is-empty .composer-wrap{padding-top:0}.composer{border:1px solid #cbd8d5;border-radius:12px;box-shadow:0 4px 20px #24323406;padding:16px;background:#fff}.composer:focus-within{border-color:#5b9389}.composer textarea{display:block;width:100%;height:100px;min-height:76px;max-height:200px;resize:vertical;border:0;background:none;padding:2px 2px 12px;line-height:1.8;font-size:15px;color:#243234;outline:none}.composer textarea:focus-visible{outline:none}.composer textarea::placeholder{color:#73817f}.mode-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px}.mode-switch{display:flex;padding:3px;gap:2px;border-radius:7px;background:#f0f3f2}.mode-switch button{padding:5px 11px;border-radius:5px;font-size:12px;color:var(--muted);line-height:1.5}.mode-switch button[aria-pressed=true]{color:var(--accent);background:#fff;box-shadow:0 1px 3px #24323412;font-weight:500}.mode-row select{border:1px solid transparent;background:transparent;border-radius:5px;color:var(--muted);padding:6px;font-size:12px;cursor:pointer;min-width:0;max-width:100%}.mode-row select:hover{background:#f3f5f5}.mode-row .model-picker{margin-left:auto;max-width:220px;text-overflow:ellipsis}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #edf1ef}.permissions{display:flex;flex-wrap:wrap;gap:8px 14px}.permissions button{display:flex;align-items:center;gap:6px;font-size:12px;color:#667477;padding:5px 0}.permissions button.enabled{color:var(--accent)}.switch-track{width:24px;height:14px;background:#c8d2cf;border-radius:8px;position:relative;margin-left:2px;flex-shrink:0}.switch-track:before{content:"";position:absolute;width:10px;height:10px;top:2px;left:2px;border-radius:50%;background:#fff}.enabled .switch-track{background:var(--accent)}.enabled .switch-track:before{left:12px}.send{background:var(--accent);color:#fff;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send:hover:not(:disabled){background:#105b56}.send:disabled{opacity:1;background:#eaf0ee;color:#83958f}.composer-caption{display:flex;justify-content:space-between;gap:16px;color:#72817d;font-size:11px;margin-top:10px;padding:0 2px}.composer-caption span:not(:last-child){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.composer-caption span:last-child{white-space:nowrap;margin-left:auto}.is-empty .composer-caption{display:none}.starters{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 24px}.starters button{display:flex;align-items:center;gap:8px;padding:8px 0;text-align:left;font-size:12px;color:var(--muted)}.starters button svg{color:#548278}.starters button:hover{color:var(--accent)}.messages{max-width:var(--content-width);padding:16px 24px;margin:0 auto}.message{display:flex;align-items:flex-start;gap:12px;margin:24px 0 32px}.message-logo{width:24px;height:24px;flex-shrink:0;margin-top:3px}.message-body{min-width:0;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.message-body p{margin:0 0 16px}.message-body p:last-child{margin-bottom:0}.message-body h1,.message-body h2,.message-body h3{font-weight:600;line-height:1.5;margin:26px 0 12px}.message-body h1{font-size:22px}.message-body h2{font-size:19px}.message-body h3{font-size:16px}.message-body>:first-child{margin-top:0}.message-body ul,.message-body ol{padding-left:22px;margin:12px 0 20px}.message-body li+li{margin-top:6px}.message-body blockquote{border-left:3px solid #a3c2b9;padding:3px 0 3px 16px;color:var(--muted);margin:20px 0}.message-body pre{overflow:auto;background:#f3f5f5;padding:16px;border:1px solid var(--line);border-radius:7px;font-size:12px}.message-body code{font-family:Consolas,monospace;font-size:.9em}.message-body :not(pre)>code{background:#f0f4f2;border-radius:3px;padding:2px 4px}.message-body table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;font-size:13px;margin:18px 0;font-variant-numeric:tabular-nums}.message-body td,.message-body th{padding:10px 14px;border-bottom:1px solid var(--line);min-width:80px}.message-body th{background:#f0f4f3;font-weight:500}.message-body hr{border:0;border-top:1px solid var(--line);margin:24px 0}.message-body img{max-width:100%;height:auto}.message.user{justify-content:flex-end}.user .message-body{background:#eef3f1;border-radius:12px 12px 4px;padding:12px 16px;max-width:88%}.execution{max-width:var(--content-width);margin:0 auto 16px;padding:0 24px}.execution>button{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;padding:8px 0}.trace{margin-top:8px;border-left:2px solid #d7e5df;padding-left:14px;font-size:12px;color:var(--muted)}.trace details{margin:8px 0}.trace summary{cursor:pointer}.trace pre{max-height:260px;overflow:auto;white-space:pre-wrap;font-size:11px;background:var(--surface);padding:12px}.error{padding:10px 12px;border:1px solid #e6c8bf;background:#fff6f2;color:#954b37;margin-bottom:12px;font-size:12px;border-radius:7px;display:flex;justify-content:space-between;gap:12px;line-height:1.7}.artifacts-panel{width:300px;border-left:1px solid var(--line);background:#fafbfb;display:flex;flex-direction:column;flex-shrink:0;min-width:0}.artifacts-panel.wide{width:46%;min-width:320px}.panel-heading{height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;font-size:13px;border-bottom:1px solid var(--line)}.panel-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.empty-files{color:var(--muted);text-align:center;padding:64px 28px;font-size:12px;line-height:1.9}.empty-files>svg{color:#678e82}.empty-files h3{font-size:14px;font-weight:500;color:#334b43}.artifact-list{padding:18px;overflow:auto}.artifact-run{margin-bottom:24px}.artifact-run h3{font-size:12px;font-weight:500;color:var(--muted);margin:2px 0 12px}.artifact{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px 0}.artifact>button:first-child{flex:1;min-width:0;text-align:left;display:flex;align-items:center;gap:10px;font-size:13px;padding:0}.artifact>button:first-child:hover{color:var(--accent)}.artifact>button:first-child>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-kind{font-size:10px;padding:8px 4px;min-width:38px;text-align:center;background:#eaf1ee;color:#406c5c;border-radius:5px}.artifact-group{border-bottom:1px solid var(--line);padding:14px 0}.artifact-group summary{cursor:pointer;font-size:13px;color:#334b43}.artifact-group summary span{float:right;font-size:11px;color:var(--muted)}.artifact-group p{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 0}.artifact-group .artifact:last-child{border-bottom:0}.artifacts-panel iframe{border:0;flex:1;min-height:0;width:100%;background:#fff}.download-full{padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-soft);color:var(--accent);font-size:13px}.back-link{text-align:left;padding:12px 20px;font-size:12px;color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b302d36;display:flex;align-items:center;justify-content:center;z-index:30;padding:20px}.modal{width:480px;max-width:100%;max-height:90dvh;overflow:auto;background:#fff;padding:28px;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 80px #172b2420}.modal header{display:flex;align-items:center;justify-content:space-between}.modal h2{font-size:21px;font-weight:500;margin:0}.modal p{font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.modal label{display:block;margin:22px 0;font-size:13px}.modal input{display:block;width:100%;padding:11px 12px;border:1px solid #cfdad6;border-radius:6px;margin-top:8px;background:#fff;color:#243234;font-size:13px}.path-input{display:flex;gap:8px;align-items:center}.path-input input{flex:1;min-width:0}.path-input button{padding:9px;border:1px solid #cfdad6;border-radius:6px;margin-top:8px}.primary{background:var(--accent);color:#fff;border-radius:6px;padding:11px 18px;font-size:13px}.primary:hover:not(:disabled){background:#105b56}.secondary{border:1px solid #cfdad6;border-radius:6px;padding:10px 17px;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal .notice{padding:10px 12px;background:#eef5f1;color:#386149;border-radius:6px}.auth-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr 400px;gap:72px;align-items:center;max-width:1080px;margin:auto;padding:48px}.auth-intro img{width:44px;height:44px}.auth-intro h1{font-size:32px;font-weight:500;line-height:1.6;letter-spacing:-.6px}.auth-intro p{font-size:14px;line-height:1.9;color:var(--muted);max-width:380px}.auth-form{padding:30px;border:1px solid var(--line);border-radius:12px}.auth-form h2{font-size:22px;font-weight:500;margin-top:0}.auth-form>p{font-size:12px;color:var(--muted)}.auth-form label{display:block;font-size:13px;margin:22px 0}.auth-form input{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #cfdad6;border-radius:6px;font-size:13px}.auth-form .primary{width:100%}.auth-switch{display:block;margin:18px auto 0;color:var(--accent);font-size:12px}.spin{animation:rotate 1.2s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1100px){.sidebar{width:208px}.topbar{padding:0 20px}.topbar>div>.subtle-button{max-width:120px;overflow:hidden}.artifacts-panel.wide{position:absolute;right:0;top:0;bottom:0;width:65%;box-shadow:-12px 0 36px #2432340a;z-index:5}}@media(max-width:800px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:248px;display:none}.sidebar-open .sidebar{display:flex}.sidebar-toggle,.sidebar-close{display:inline-flex}.sidebar-close{margin-left:auto}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#1b302d36}.topbar{gap:8px;padding:0 14px;height:56px;min-height:56px}.topbar .chat-title{max-width:180px}.artifacts-panel,.artifacts-panel.wide{position:absolute;right:0;top:0;bottom:0;width:min(460px,100%);min-width:0;z-index:5;box-shadow:-12px 0 36px #2432340a}.auth-page{grid-template-columns:1fr;gap:32px;max-width:500px;padding:32px 24px}.auth-intro h1{font-size:26px}}@media(max-width:480px){.conversation.is-empty{padding-top:48px}.welcome,.messages{padding-left:20px;padding-right:20px}.welcome h1{font-size:25px}.composer-wrap{padding:12px 16px}.composer{padding:12px}.composer textarea{font-size:14px}.mode-row{gap:6px}.mode-row .model-picker{margin-left:0;max-width:100%}.mode-switch button{padding:5px 9px}.permissions{gap:8px}.permissions button{font-size:11px;gap:4px}.starters{gap:4px 16px;margin-left:4px}.topbar .chat-title,.topbar .separator{display:none}.topbar>div>.subtle-button{font-size:0;padding:6px}.composer-caption{font-size:10px}.message{gap:8px}.message-logo{width:21px;height:21px}.modal{padding:22px}}@media(max-height:650px){.conversation.is-empty{padding-top:28px}.welcome{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.project-file-list{max-height:320px;overflow:auto;margin-top:18px}.project-file-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5ece8;gap:16px}.project-file-list span{overflow-wrap:anywhere}.project-file-list small{display:block;color:#70847e;margin-top:4px}.preview-loading{padding:12px 20px;margin:0;color:#667477;font-size:13px}