:root{color-scheme:dark;--bg:#191919;--sidebar:#111111;--surface:#202020;--border:#303030;--muted:#858585;--text:#e8e8e8;--green:#8cc9ab;--amber:#dab782}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;display:flex;height:100vh;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}button,input{ -webkit-tap-highlight-color:transparent}input,textarea{color:var(--text)}[hidden]{display:none!important}.sidebar{width:278px;flex-shrink:0;background:var(--sidebar);border-right:1px solid #272727;display:flex;flex-direction:column;padding:27px 13px 14px}.brand{display:flex;align-items:center;gap:11px;margin:0 13px 30px;font-size:20px}.brand strong{font-weight:600;letter-spacing:-.7px}.logo{font-size:27px;line-height:1}.local-tag{font-size:10px;color:#a2a2a2;border:1px solid #393939;border-radius:5px;padding:1px 6px;margin-left:auto;letter-spacing:1px}.nav-button{width:100%;border-radius:8px;display:flex;gap:12px;align-items:center;text-align:left;padding:10px 13px}.nav-button.selected{background:#282828}.nav-button>span:first-child{font-size:19px}.count{font-size:11px;color:#ababab;margin-left:auto;background:#363636;padding:0 7px;border-radius:5px}.search-wrap{margin:17px 9px 23px;display:flex;align-items:center;gap:8px;color:#797979}.search-wrap>span{font-size:23px;line-height:1}.search-wrap input{width:100%;background:transparent;border:0;outline:none;font-size:12px;min-width:0}.search-wrap kbd{border:1px solid #383838;border-radius:4px;padding:0 5px;font:11px monospace}.side-label{text-transform:uppercase;color:#747474;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;padding:0 14px;margin-bottom:13px}#projectList{overflow:auto;flex:1;scrollbar-width:thin}.project{margin-bottom:20px}.project-heading{padding:6px 12px;display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:13px;color:#cecece}.project-heading svg{width:16px;height:16px;color:#a4a4a4;flex-shrink:0}.project-heading .chevron{color:#737373;margin-left:auto;font-size:11px}.project-heading .project-count{color:#747474;font-size:11px}.thread-link{display:flex;align-items:center;gap:9px;padding:8px 12px 8px 33px;width:100%;border-radius:8px;text-align:left;color:#a5a5a5;font-size:12px}.thread-link:hover,.project-heading:hover{background:#1d1d1d}.thread-link.selected{background:#2a2a2a;color:#fff}.thread-link .thread-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.thread-link .dot{width:6px;height:6px}.show-more{color:#727272;font-size:11px;padding:7px 33px}.show-more:hover{color:#ddd}.side-bottom{border-top:1px solid #292929;padding:15px 12px 0;margin-top:12px}.side-bottom label{display:flex;align-items:center;gap:7px;color:#878787;font-size:11px}.side-bottom input{accent-color:#929292}.connection{display:flex;align-items:center;gap:8px;font-size:11px;color:#a7a7a7;margin-top:13px}.connection button{margin-left:auto;font-size:19px;line-height:1}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;background:#777}.dot.active{background:var(--green);box-shadow:0 0 0 3px #8cc9ab0d}.dot.idle{background:#888}.dot.waiting,.dot.unknown{background:var(--amber)}.dot.error{background:#dd9292}main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.topbar{height:68px;border-bottom:1px solid #2a2a2a;padding:0 36px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:12px}.breadcrumb{display:flex;gap:14px;align-items:center;min-width:0}.breadcrumb>span:first-child{color:#838383}.breadcrumb strong{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.slash{color:#555}.sync{display:flex;align-items:center;gap:8px;font-size:11px;color:#858585;white-space:nowrap}.tiny-dot{width:4px;height:4px;background:#777;border-radius:50%}.overview-pane{overflow:auto;padding:42px 40px 22px;flex:1}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7e7e7e;margin-bottom:10px}.heading h1{font-size:29px;letter-spacing:-1px;margin:0;font-weight:550}.heading-dot{color:var(--green);margin-left:4px}.heading p{color:#888;font-size:12px;margin:8px 0 0}.date{font-size:11px;color:#8a8a8a}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.stat{text-align:left;background:#1e1e1e;border:1px solid #303030;border-radius:11px;padding:18px 21px;display:flex;flex-direction:column;transition:border-color .15s}.stat:hover{border-color:#686868}.stat>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#b6b6b6}.stat strong{font-size:34px;line-height:1.3;font-weight:400;letter-spacing:-1px;margin:9px 0}.stat small{color:#767676;font-size:10px}.active-stat{background:linear-gradient(120deg,#222a26,#1f2120);border-color:#35473d}.active-stat strong{color:#b5dbc6}.list-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303030;margin-bottom:22px}.tabs{display:flex;gap:24px}.tabs button{padding:0 0 12px;font-size:12px;color:#888;border-bottom:2px solid transparent}.tabs button.on{color:#eee;border-bottom-color:#d1d1d1}#listCount{font-size:11px;color:#737373;padding-bottom:12px}.group-title{display:flex;align-items:center;gap:9px;color:#b7b7b7;font-size:12px;margin:25px 0 12px}.group-title svg{width:16px;height:16px;color:#828282}.group-title small{font-size:10px;color:#717171;margin-left:3px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thread-card{border:1px solid #303030;background:#1e1e1e;border-radius:10px;text-align:left;padding:17px 19px;min-width:0;transition:background .15s,border-color .15s}.thread-card:hover{background:#252525;border-color:#535353}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-top strong{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#919191;white-space:nowrap}.status-badge.active{color:#9ccbb1}.status-badge.waiting,.status-badge.unknown{color:#cfb17e}.status-badge.error{color:#d99898}.card-bottom{font-size:10px;color:#757575;display:flex;justify-content:space-between;gap:10px}.card-bottom>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom time{flex-shrink:0}.page-footer{display:flex;justify-content:space-between;color:#626262;font-size:10px;border-top:1px solid #2b2b2b;margin-top:34px;padding-top:17px}.empty{padding:60px 20px;text-align:center;color:#888;font-size:13px}.loading{padding:20px;color:#888;font-size:12px}.conversation-pane{flex:1;display:flex;flex-direction:column;min-height:0}.conversation-header{padding:25px 36px 20px;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:space-between;gap:18px}.conversation-header>div{min-width:0}.conversation-header h1{font-size:19px;font-weight:500;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{display:flex;gap:14px;align-items:center;color:#777;font-size:10px;flex-wrap:wrap}#threadDirectory{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline{border:1px solid #414141;border-radius:7px;padding:6px 11px;font-size:11px;white-space:nowrap;color:#aaa}.outline:hover{color:#fff;background:#272727}.messages{overflow:auto;flex:1;padding:28px max(32px,calc((100% - 820px)/2));scroll-behavior:smooth}.message{margin:0 0 28px}.message-label{font-size:10px;color:#848484;display:flex;gap:10px;align-items:center;margin-bottom:9px}.message-label strong{font-size:12px;color:#bbb;font-weight:500}.message.user .message-body{background:#272727;border:1px solid #333;border-radius:11px;padding:15px 19px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;color:#cecece;line-height:1.85}.message.commentary .message-body{color:#a2a2a2}.message.commentary .message-label strong{color:#9aad9f}.message-body.collapsed{max-height:300px;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent)}.expand-message{color:var(--green);font-size:11px;padding:6px 0}.load-older{display:block;margin:0 auto 28px;font-size:11px;color:#aaa;border:1px solid #383838;padding:5px 15px;border-radius:20px}.composer-area{padding:0 max(32px,calc((100% - 820px)/2)) 20px;background:var(--bg)}#composer{background:#232323;border:1px solid #3b3b3b;border-radius:13px;padding:14px 16px 11px}#composer:focus-within{border-color:#626262}textarea{resize:vertical;min-height:64px;max-height:220px;width:100%;border:0;background:transparent;outline:none!important;font-size:13px;line-height:1.7}textarea::placeholder{color:#777}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.composer-bottom>span{font-size:10px;color:#7c7c7c}#send{background:#e1e1df;color:#1b1b1b;border-radius:7px;font-size:11px;font-weight:600;padding:7px 13px;display:flex;gap:16px}#send:hover{background:#fff}.composer-note{font-size:10px;color:#666;text-align:center;margin-top:10px}.feedback{min-height:25px;font-size:11px;color:#a9c9b6;padding-bottom:7px}.feedback.error{color:#dfac94}#banner{position:absolute;bottom:18px;right:22px;max-width:440px;background:#373029;color:#ebd5b5;border:1px solid #635644;border-radius:8px;padding:12px 18px;font-size:12px;box-shadow:0 8px 30px #0005}@media(min-width:1500px){.overview-pane{padding-left:60px;padding-right:60px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.sidebar{width:235px}.overview-pane{padding:30px 25px}.topbar{padding:0 25px}.cards{grid-template-columns:1fr}.date{display:none}.stat{padding:15px}.conversation-header{padding:20px}.thread-meta{gap:7px}.conversation-header .outline{font-size:10px}}@media(max-width:650px){.sidebar{width:190px;padding-left:7px;padding-right:7px}.brand{margin-left:8px;font-size:18px}.overview-pane{padding:23px 15px}.topbar{padding:0 15px}.sync{display:none}.stats{gap:7px}.stat{padding:12px 9px}.stat strong{font-size:27px}.stat small{display:none}.stat>span{font-size:10px}.tabs{gap:14px}.heading h1{font-size:24px}.eyebrow{font-size:8px;letter-spacing:1px}.conversation-header{display:block}.conversation-header .outline{margin-top:12px}.messages{padding:20px 15px}.composer-area{padding:0 15px 15px}.composer-note{display:none}.page-footer{display:block}.thread-link{padding-left:22px}.thread-meta{overflow:hidden}.breadcrumb strong{max-width:150px}}
.message-actions{display:flex;align-items:center;gap:3px;margin-top:9px;color:#828282}.icon-button{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:6px;color:#888}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:#303030;color:#dedede}.icon-button.copied{color:#a5d9b8}.message-actions time{font-size:11px;margin-left:6px;color:#7b7b7b}.header-actions{position:relative;display:flex;gap:8px;align-items:center;flex-shrink:0}.thread-menu{position:absolute;z-index:20;top:38px;right:0;min-width:175px;padding:5px;background:#262626;border:1px solid #414141;border-radius:9px;box-shadow:0 10px 25px #0005}.thread-menu button{display:block;width:100%;padding:9px 12px;text-align:left;font-size:12px;border-radius:5px}.thread-menu button:hover{background:#373737}.sidebar-status{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;color:#6e6e6e}.sidebar-status.active{color:#97c9ae}.sidebar-status.error,.sidebar-status.interrupted{color:#d4aa91}.dot.completed{background:#8aa293}.dot.interrupted{background:#d4aa91}.status-badge.completed{color:#9fb4a5}dialog{color:#ddd;background:#222;border:1px solid #444;border-radius:14px;width:440px;max-width:calc(100vw - 30px);padding:25px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#0007}dialog h2{font-size:18px;font-weight:500;margin:0 0 12px}dialog p{color:#aaa;font-size:12px;line-height:1.8}dialog input{width:100%;padding:9px 12px;border:1px solid #555;border-radius:7px;background:#181818;margin:10px 0}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#actionConfirm{background:#ddd;color:#191919}#actionError{font-size:12px;color:#e4a68c;margin-top:10px}.message.user{margin-left:35px}.message.user .message-label strong{color:#c1c9ce}
.editable-title{display:flex;align-items:center;gap:8px;min-width:0}.editable-title h1{min-width:0}.rename-title{color:#929292;border-radius:6px;font-size:19px;padding:0 7px;margin-bottom:7px}.rename-title:hover{background:#343434;color:#eee}#forkChoices{border:0;padding:0;margin:20px 0 8px}#forkChoices legend{font-size:11px;color:#888;margin-bottom:8px}.fork-choice{display:flex;gap:13px;align-items:flex-start;padding:14px 12px;border:1px solid #414141;border-radius:9px;margin:9px 0;cursor:pointer}.fork-choice:has(input:checked){background:#29332d;border-color:#769182}.fork-choice input{width:15px;flex-shrink:0;margin:5px 0 0;accent-color:#b5d4bf}.fork-choice strong{display:block;font-size:13px;font-weight:500}.fork-choice small{display:block;color:#999;font-size:11px;margin-top:5px}
.progress-panel{padding:10px 0 16px;color:#969696;font-size:12px}.progress-panel #progressElapsed{padding-bottom:9px;border-bottom:1px solid #333;margin-bottom:12px}.progress-activity{display:flex;align-items:center;gap:8px}.progress-activity.working:before{content:'';width:9px;height:9px;border:1.5px solid #666;border-top-color:#ddd;border-radius:50%;animation:spin 1s linear infinite}.progress-activity.reconnect{color:#d8b783}@keyframes spin{to{transform:rotate(360deg)}}#attachmentList{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;max-height:180px;overflow:auto}.attachment-chip{display:flex;align-items:center;gap:9px;background:#303030;border:1px solid #484848;border-radius:8px;padding:7px;max-width:265px}.attachment-chip img{width:45px;height:45px;object-fit:cover;border-radius:5px}.attachment-info{display:flex;flex-direction:column;min-width:0}.attachment-info strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px;font-weight:400}.attachment-info small{font-size:10px;color:#9c9c9c;max-width:180px}.attachment-chip button{padding:0 5px;font-size:18px;color:#aaa}.file-symbol{font-size:25px;color:#aaa}#pickFiles{font-size:22px;padding:0 8px;border-radius:6px;color:#aaa}#pickFiles:hover{background:#343434}.composer-bottom #composeHint{margin-right:auto;margin-left:8px}#composer.dragging{border-color:#a9ceb8;background:#273029}
.run-activity{color:#949494;font-size:12px;margin:10px 0 18px}.run-activity summary{cursor:pointer;display:flex;gap:9px;align-items:baseline;overflow-wrap:anywhere}.run-activity summary>span{flex-shrink:0;color:#888}.run-activity pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#222;border:1px solid #333;border-radius:7px;padding:12px;font-size:11px;max-height:220px;overflow:auto}.run-activity.reasoning{font-style:italic;color:#8d9b91}#progressSummary{color:#999;font-size:12px;white-space:pre-wrap;margin-top:8px}#progressFiles{font-size:11px;color:#aaa;margin-top:8px}#progressSummary:empty,#progressFiles:empty{display:none}
#processTrace{margin-top:12px;border:1px solid #333;border-radius:8px;background:#1c1c1c}#processTrace>summary{cursor:pointer;color:#b1b1b1;font-size:12px;padding:9px 12px}#processTraceEvents{max-height:min(32vh,300px);overflow-y:auto;padding:0 13px 10px;scrollbar-width:thin}#processTrace .run-activity{margin:8px 0 12px}#processTrace .run-activity summary{font-size:11px}#processTrace .trace-commentary{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#c8c8c8;margin:12px 0}#processTrace pre{max-height:130px}.progress-panel{padding-bottom:10px}
/* Conversation layout follows the desktop's turn-based timeline. */
:root{--conversation-width:736px;--bg:#191919}
.conversation-pane{position:relative;overflow:hidden}
.conversation-header{padding:14px 24px;border-bottom:0;min-height:65px}
.conversation-header h1{font-size:16px;margin-bottom:3px}
.thread-meta{font-size:11px}
.topbar{height:46px;min-height:46px}
.messages{padding:24px max(24px,calc((100% - var(--conversation-width))/2)) 28px;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#555 transparent;min-height:0}
.conversation-turn{margin-bottom:34px}
.message{margin:0 0 18px}
.message.user{margin:0 0 42px 0;display:flex;flex-direction:column;align-items:flex-end}
.user-time{align-self:center;color:#8c8c8c;font-size:13px;margin:0 0 18px}
.forwarded-label{font-size:13px;color:#aaa;margin:0 2px 7px}
.user-bubble{background:#2d2d2d;border-radius:18px;padding:12px 16px;min-width:170px;max-width:70%;overflow:hidden}
.message.user .message-body{background:transparent;border:0;padding:0;border-radius:0;font-size:14px;line-height:1.65;color:#ececec}
.message.user .message-body.collapsed{max-height:150px}
.user-images{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.user-image img{display:block;max-height:140px;max-width:170px;object-fit:cover;border-radius:8px}
.user-context{font-size:12px;color:#aaa;margin-top:10px}.user-context summary{cursor:pointer}
.user-context pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}
.message.user .message-actions{opacity:0;margin-top:5px;transition:opacity .15s}
.message.user:hover .message-actions,.message.user:focus-within .message-actions{opacity:1}
.message-label{display:none}
.message-body{font-size:14px;line-height:1.75;color:#eee}
.message.commentary .message-body{color:#e2e2e2}
.markdown{white-space:normal;overflow-wrap:anywhere}
.markdown p{margin:0 0 14px}.markdown p:last-child{margin-bottom:0}
.markdown a{color:#68a5ef;text-decoration:none;cursor:pointer}.markdown a:hover{text-decoration:underline}
.markdown strong{font-weight:600}.markdown h1,.markdown h2,.markdown h3{margin:22px 0 10px;font-weight:600;font-size:18px}
.markdown ul,.markdown ol{margin:10px 0 16px;padding-left:24px}.markdown li{padding-left:3px;margin:4px 0}
.markdown code{background:#303030;border-radius:4px;padding:1px 5px;font:12px/1.7 Consolas,monospace}
.markdown pre{padding:14px 16px;background:#232323;border:1px solid #343434;border-radius:10px;overflow-x:auto;white-space:pre;max-width:100%}
.markdown pre code{padding:0;background:none;font-size:12px}.markdown blockquote{border-left:3px solid #505050;margin:14px 0;padding-left:15px;color:#b0b0b0}
.code-block{margin:14px 0;border:1px solid #343434;border-radius:10px;background:#232323;max-width:100%}
.code-block-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:#232323;border-bottom:1px solid #343434;border-radius:10px 10px 0 0;color:#999;font-size:12px}
.copy-code{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:5px;color:#bdbdbd;font-size:12px;white-space:nowrap}
.copy-code svg{width:15px;height:15px}.copy-code:hover{background:#353535;color:#fff}.copy-code.copied{color:var(--green)}
.markdown .code-block>pre{margin:0;border:0;border-radius:0 0 10px 10px}
.markdown table{border-collapse:collapse;display:block;overflow:auto;font-size:13px;margin:15px 0}.markdown td,.markdown th{border:1px solid #444;padding:7px 12px}
.markdown hr{border:0;border-top:1px solid #333;margin:20px 0}
.turn-process>summary{display:flex;align-items:center;gap:7px;color:#999;font-size:13px;cursor:pointer;list-style:none;border-bottom:1px solid #2e2e2e;padding:0 0 8px;margin-bottom:15px}
.turn-process>summary::-webkit-details-marker{display:none}
.process-chevron{display:inline-block;font-size:18px;line-height:1;transition:transform .12s}.turn-process[open] .process-chevron{transform:rotate(90deg)}
.turn-result{font-size:12px;color:#d4ab91;margin-left:auto}
.process-content{padding-bottom:12px}.process-content .message{margin-bottom:18px}
.run-activity{font-size:13px;color:#a1a1a1;margin:16px 0;line-height:1.55}
.run-activity:not(details){display:flex;gap:9px;align-items:baseline}.run-activity.reasoning{color:#878787;font-style:normal}
.run-activity summary{display:flex;align-items:baseline;gap:9px;list-style:none}.activity-icon{color:#999;flex-shrink:0;width:15px;text-align:center}
.activity-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-preview{color:#a1a1a1}
.run-activity pre{font-family:Consolas,monospace;max-height:340px}
.turn-live{color:#8a8a8a;font-size:13px;margin-top:12px}.live-summary{margin-top:15px}.live-files{display:block;margin:20px auto 0;border:1px solid #373737;background:#252525;border-radius:16px;padding:5px 12px;font-size:12px}
.file-card,.preview-card{border:1px solid #303030;border-radius:12px;background:#232323;margin:12px 0;overflow:hidden}
.file-card-header,.preview-card{display:flex;align-items:center;gap:10px;padding:12px}
.artifact-icon{width:40px;height:40px;background:#151515;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border-radius:8px;color:#a1a1a1}
.file-card strong,.preview-card strong{font-size:13px;font-weight:500}.preview-card small{display:block;color:#999;font-size:12px}
.file-card-actions{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:13px}.file-card-actions>button{padding:3px 5px}
.review-button{display:inline-block;border:1px solid #3c3c3c;border-radius:10px;padding:4px 10px!important;color:#e0e0e0;text-decoration:none;font-size:13px;white-space:nowrap}.review-button:hover{background:#333}.preview-card>a{margin-left:auto}
.diff-count{font-size:12px;white-space:nowrap}.added{color:#47c895}.removed{color:#ea6569}
.file-list{background:#1b1b1b;border-top:1px solid #343434}.file-list>summary{color:#909090;cursor:pointer;font-size:12px;padding:5px 12px;list-style:none;display:flex;justify-content:space-between}
.file-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:8px 12px;font-size:13px;gap:12px}.file-row:hover{background:#252525}.file-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-actions{gap:0;margin-top:10px}.message-actions time{opacity:0}.message-actions:hover time{opacity:1}.icon-button{width:28px;height:27px;padding:6px}.icon-button svg{width:16px;height:16px}
.composer-area{padding:0 max(24px,calc((100% - var(--conversation-width))/2)) 12px;flex-shrink:0}
#composer{padding:14px 16px 12px;background:#292929;border-color:#353535;border-radius:19px}
#prompt{font-size:14px;resize:none;min-height:46px;max-height:180px}.composer-bottom{margin-top:8px}
#send{width:32px;height:32px;border-radius:50%;font-size:21px;align-items:center;justify-content:center;padding:0;font-weight:400}
#pickFiles{font-size:23px}.composer-bottom #composeHint{font-size:11px;color:#848484}.composer-note{font-size:10px;margin-top:6px}
.feedback:empty{display:none}.feedback{min-height:0;padding-bottom:6px}.connection-notice{color:#d8b783;font-size:12px;padding:8px 0}
.jump-latest{position:absolute;z-index:4;bottom:170px;left:50%;width:34px;height:34px;background:#262626;border:1px solid #444;border-radius:50%;box-shadow:0 2px 8px #0004}
#reviewDialog{width:min(960px,90vw);max-height:85vh;padding:20px}.review-heading{display:flex;align-items:center;justify-content:space-between}.review-heading h2{margin:0}
#reviewContent{overflow:auto;max-height:62vh;margin-top:15px}.review-file h3{font-size:13px;font-weight:500;overflow-wrap:anywhere}.review-file pre{font:12px/1.7 Consolas,monospace;background:#171717;border:1px solid #333;border-radius:8px;overflow:auto;padding:12px}.review-file pre>span{display:block;min-height:1em;white-space:pre-wrap;overflow-wrap:anywhere}.review-file .hunk{color:#81afd2}
@media(max-width:900px){.user-bubble{max-width:85%}.conversation-header{padding:12px 18px}.composer-note{display:none}.messages{padding-top:18px}}
@media(max-width:650px){.user-bubble{max-width:95%}.composer-bottom #composeHint{display:none}.file-card-actions{gap:3px}.file-card-header{flex-wrap:wrap}.thread-meta #threadDirectory{display:none}.messages{padding:18px 15px}.composer-area{padding:0 15px 10px}}
.file-list-toggle{padding:0;text-align:left}.file-list-toggle:hover{color:#fff}.file-card-header .diff-count{padding-left:0}.uploaded-context{margin-top:28px}.uploaded-context summary{list-style:none;color:#b7b7b7;font-size:13px}.uploaded-context .user-images{margin-top:14px;margin-bottom:0}.run-activity.reasoning p{margin:0}.run-activity.reasoning strong{font-weight:400}.user-bubble:has(.uploaded-context){width:70%}
.review-file pre{white-space:normal}
.machine-selector{padding:0 9px 15px;display:grid;gap:5px}.machine-selector label{font-size:11px;color:#858585}.machine-selector select{max-width:100%;width:100%;background:#202020;border:1px solid #383838;color:#ccc;border-radius:6px;padding:5px 7px;font-size:12px}#machineSummary{font-size:10px;color:#8b8b8b;margin-top:4px}.project-title{display:block;overflow:hidden}.project-title small{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-weight:400}.source-label{font-size:11px;color:#858585;margin-left:8px}.sidebar-status.offline,.status-badge.offline{color:#999}.dot.offline{background:#737373}#threadSource{color:#aaa}.sidebar .brand{margin-bottom:20px}.sidebar #projectList{min-height:80px}

/* Two-stage composer menu: effort first, then model selection. */
.composer-bottom{gap:8px}.composer-bottom #composeHint{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.composer-settings{margin-left:auto;flex-shrink:0;line-height:1.4}
.settings-trigger{display:flex;align-items:center;gap:5px;background:#3a3a3a;border-radius:20px;padding:7px 11px;color:#ededed;font-size:13px;white-space:nowrap;max-width:260px}
.settings-trigger:hover,.settings-trigger[aria-expanded="true"]{background:#454545}
#selectedModel{overflow:hidden;text-overflow:ellipsis}#selectedEffort{color:#b1b1b1}
.composer-settings svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.settings-trigger>svg{width:15px;height:15px;color:#aaa;margin-left:2px}
.settings-popover{position:fixed;z-index:50;width:360px;max-width:calc(100vw - 24px);overflow:auto;background:#303030;border:1px solid #404040;border-radius:22px;box-shadow:0 12px 40px #0005;color:#efefef;text-align:left}
#effortPanel{padding:15px 17px 18px}
.effort-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}
.settings-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;padding:5px;border-radius:8px;color:#aaa}
.settings-icon svg{width:20px;height:20px}.settings-icon:hover{background:#414141;color:#eee}.settings-icon.enabled{color:#5da2ff}.settings-icon:disabled{opacity:.45}
.choose-model{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 7px;border-radius:9px;min-width:0;flex:1}.choose-model:hover{background:#3b3b3b}
.effort-current{display:flex;align-items:center;gap:7px;color:#579cff;font-size:17px;font-weight:600}.effort-current>svg{width:16px;height:16px;color:#9c9c9c;margin-right:-23px}
#effortModel{font-size:14px;font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.effort-track{position:relative;height:34px;border-radius:20px;background:#4c4c4c;--effort-ratio:0;--thumb-size:36px}
.effort-track-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to right,#3e8bf7 0 calc(18px + (100% - 36px)*var(--effort-ratio)),transparent calc(18px + (100% - 36px)*var(--effort-ratio)))}
.effort-stops{position:absolute;inset:0 18px;pointer-events:none}.effort-stops span{position:absolute;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);background:#aaa9;border-radius:50%}
#effortSlider{position:absolute;inset:0;appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:100%;margin:0;border:0;padding:0;border-radius:20px;cursor:pointer}
#effortSlider::-webkit-slider-runnable-track{height:34px;background:transparent;border-radius:20px}
#effortSlider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:36px;height:36px;margin-top:-1px;border:1px solid #ddd;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002}
#effortSlider::-moz-range-track{height:34px;background:transparent}#effortSlider::-moz-range-thumb{width:34px;height:34px;border:1px solid #ddd;border-radius:50%;background:#fff}
#effortSlider:disabled{opacity:.5;cursor:not-allowed}#effortSlider:focus-visible{outline:2px solid #77afff;outline-offset:5px}
#modelPanel{padding:9px 6px 8px}.model-menu-title{display:flex;align-items:center;gap:4px;color:#aaa;font-size:13px;padding:7px 10px;border-radius:8px}.model-menu-title svg{width:14px;height:14px}.model-menu-title:hover{color:#eee;background:#3c3c3c}
.model-group-label{padding:12px 12px 9px;font-size:14px}.model-group-label small{display:block;margin-top:3px;color:#aaa;font-size:12px}
#modelOptions button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:13px;font-size:14px;text-align:left;min-height:40px;gap:12px}
#modelOptions button:hover,#modelOptions button:focus-visible{background:#454545;outline:none}#modelOptions .model-check{visibility:hidden;color:#d4d4d4;width:19px;height:19px}#modelOptions [aria-selected="true"] .model-check{visibility:visible}
.settings-hint{color:#c9ad87;font-size:11px;margin-top:7px}
@media(max-width:800px){.composer-bottom #composeHint{display:none}.settings-trigger{font-size:12px;max-width:215px}}
@media(max-width:500px){.settings-trigger{max-width:140px;padding:6px 8px}.composer-bottom{gap:3px}#selectedEffort{display:none}.settings-popover{border-radius:18px}}

/* Unread replies and task stars. */
.sidebar .nav-button{margin-bottom:3px}.nav-unread-icon{font-size:13px!important;color:#64a8fb;width:19px;text-align:center}
.thread-row{display:flex;align-items:center;border-radius:8px;gap:0}.thread-row:hover{background:#1d1d1d}.thread-row:has(.selected){background:#2a2a2a}
.thread-row .thread-link{flex:1;min-width:0;padding-right:3px}.thread-row .thread-link:hover{background:transparent}.thread-row .task-star{margin-right:5px;flex-shrink:0}
.task-star{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;padding:5px;border-radius:7px;color:#707070;flex-shrink:0}.task-star svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.task-star:hover{background:#383838;color:#e2c57b}.task-star.starred{color:#e2be68}.task-star.starred svg{fill:#e2be68;stroke:#e2be68}
.task-unread-dot{width:7px;height:7px;border-radius:50%;background:#64a8fb;flex-shrink:0}.thread-name.has-unread{color:#eee;font-weight:600}
.thread-card-shell{position:relative;min-width:0}.thread-card-shell>.thread-card{width:100%;height:100%}.thread-card-shell .card-top{padding-right:23px;gap:8px}.thread-card-shell .card-top>strong{margin-right:auto}.card-star{position:absolute;right:10px;top:13px}
.editable-title #starTask{margin-bottom:3px}.list-actions{display:flex;align-items:center;gap:14px}.list-actions #markAllRead{font-size:12px;color:#aaa;padding:0 0 12px}.list-actions #markAllRead:hover{color:#fff}
@media(max-width:800px){.sidebar-status{font-size:8px}.thread-row .thread-link{padding-left:15px}.thread-row .task-star{width:24px;margin-right:3px}.list-toolbar{gap:10px;flex-wrap:wrap}.list-actions{margin-left:auto}}

/* Product navigation and a denser task sidebar. */
.sidebar{padding-top:16px}
.product-switcher{margin:0 6px 14px}.product-switcher>label{display:block;color:#818181;font-size:11px;letter-spacing:1px;padding:0 9px;margin-bottom:2px}
.product-select-wrap{position:relative}.product-select-wrap>select{appearance:none;-webkit-appearance:none;display:block;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#f0f0f0;padding:4px 34px 7px 8px;font:600 28px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer}
.product-select-wrap>select:hover{background:#252525}.product-select-wrap>select:focus-visible{outline:2px solid #8cc9ab;outline-offset:2px}.product-select-wrap option{font-size:17px;font-weight:500;background:#252525;color:#eee}
.product-select-wrap>svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#999;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.sidebar .nav-button{padding-top:6px;padding-bottom:6px;margin-bottom:2px}
.machine-selector{margin-top:13px;padding-bottom:12px}.side-label{margin-top:8px;margin-bottom:7px}
.project{margin-bottom:9px}.project-heading{padding-top:4px;padding-bottom:4px;gap:7px;min-height:28px}.project-title{white-space:nowrap}.project-title small{display:inline;margin-left:6px;font-size:10px}
.thread-row .thread-link{padding-top:4px;padding-bottom:4px;line-height:20px;min-height:28px;gap:7px}.thread-row .task-star{height:26px;width:25px;padding:5px}.thread-row .task-star svg{height:15px;width:15px}
.show-more{padding-top:3px;padding-bottom:3px}.side-bottom{padding-top:11px;margin-top:8px}
@media(max-width:650px){.product-switcher{margin-left:2px;margin-right:2px}.product-select-wrap>select{font-size:25px}.project-heading{padding-left:10px;padding-right:9px}.project-title small{font-size:9px;margin-left:4px}}

/* Large file cards keep three preview rows; the remainder is optional. */
.file-list-more{display:flex;align-items:center;gap:6px;width:100%;padding:7px 12px;text-align:left;border-top:1px solid #303030;background:#262626;color:#d0d0d0;font-size:13px;line-height:1.6}.file-list-more:hover{background:#303030;color:#fff}.file-list-more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.file-list-more[aria-expanded="true"] svg{transform:rotate(180deg)}

/* Fold older commands without hiding progress text or the latest command. */
.command-group{margin:14px 0;color:#999;font-size:13px}.command-group>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;width:fit-content;padding:2px 4px 2px 0;border-radius:5px}.command-group>summary::-webkit-details-marker{display:none}.command-group>summary:hover{color:#ddd}.command-group-chevron{font-size:18px;line-height:1;transition:transform .12s}.command-group[open]>.command-group-chevron,.command-group[open]>summary>.command-group-chevron{transform:rotate(90deg)}.command-group-items{border-left:1px solid #383838;padding-left:14px;margin:9px 0 4px 7px}.command-group-items>.run-activity{margin:10px 0}

/* Phone layout keeps the conversation full width; projects live in a drawer. */
.mobile-nav-toggle,.sidebar-close,.sidebar-backdrop{display:none}
@media(max-width:760px), (pointer:coarse) and (max-width:1024px){
 body{height:100dvh;height:var(--app-height,100dvh)}
 .sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:62;transform:translateX(-101%);transition:transform .18s ease;box-shadow:12px 0 32px #0004;height:100%;padding-left:12px;padding-right:12px}
 .sidebar-open .sidebar{transform:translateX(0)}
 .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:61;background:#0008;padding:0}
 .sidebar-close{display:flex;align-items:center;justify-content:center;position:absolute;right:11px;top:7px;width:30px;height:30px;border-radius:7px;color:#aaa;font-size:24px}
 .sidebar-close:hover{background:#303030;color:#fff}
 .mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:8px;padding:6px;margin-right:8px;color:#bbb}
 .mobile-nav-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
 main{width:100%}.topbar{padding:0 10px;height:48px;min-height:48px;justify-content:flex-start}.breadcrumb{gap:0;flex:1}.breadcrumb>span{display:none}.breadcrumb strong{max-width:none;overflow:hidden;text-overflow:ellipsis}.sync{display:none}
 .overview-pane{padding:24px 14px 16px}.heading{margin-bottom:25px}.heading h1{font-size:26px}
 .conversation-header{display:flex;align-items:flex-start;padding:10px 14px;gap:8px;min-height:64px}.conversation-header .outline{margin-top:0}.conversation-header h1{font-size:15px}.header-actions{gap:5px}.header-actions .outline{padding:5px 7px;font-size:10px}.thread-meta #threadDirectory{display:none}
 .messages{padding:16px 14px 22px}.composer-area{padding:0 10px calc(8px + env(safe-area-inset-bottom))}.composer-note{display:none}#composer{padding:12px 12px 10px}#prompt{font-size:16px;min-height:48px}.composer-bottom #composeHint{display:none}
 .sidebar .thread-row .thread-link{min-height:34px;font-size:13px;line-height:20px;padding-top:7px;padding-bottom:7px}.sidebar .task-star{width:30px;height:30px}.sidebar .sidebar-status{font-size:9px}.sidebar .nav-button{min-height:38px}
 .user-bubble,.user-bubble:has(.uploaded-context){max-width:92%;width:auto}.user-image img{max-width:140px}
 #banner{bottom:14px;left:14px;right:14px;max-width:none}.jump-latest{left:calc(50% - 17px)}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
/* Comfortable phone controls, including landscape phones and the software keyboard. */
.mobile-only{display:none!important}.mobile-attachment-menu{position:absolute;z-index:30;bottom:76px;left:10px;width:260px;max-width:calc(100% - 20px);padding:6px;background:#303030;border:1px solid #484848;border-radius:16px;box-shadow:0 8px 32px #0006}
.mobile-attachment-menu>button{display:block;width:100%;text-align:left;font-size:15px;padding:12px;border-radius:10px}.mobile-attachment-menu>button:hover,.mobile-attachment-menu>button:focus-visible{background:#414141}.mobile-attachment-menu span{display:block;color:#aaa;font-size:12px;margin-top:3px}
@media(max-width:760px), (pointer:coarse) and (max-width:1024px){
 .mobile-only{display:block!important}#openDesktop,.rename-title{display:none}.conversation-header>div:first-child{flex:1}.conversation-header{gap:4px}.editable-title{gap:3px}.conversation-header h1{font-size:16px;margin:0;flex:1;min-width:0}.thread-meta{gap:8px;margin-top:3px;font-size:11px}#threadModel{display:none}.header-actions{align-self:center}
 .mobile-nav-toggle,.sidebar-close,#threadMore,#starTask,#send,#pickFiles{min-width:44px;min-height:44px}.mobile-nav-toggle{margin-right:3px}.sidebar-close{top:1px;right:5px}.sidebar .nav-button,.sidebar .project-heading,.sidebar .thread-row .thread-link{min-height:44px}.sidebar .thread-row .task-star{height:44px;width:40px}.sidebar .show-more{min-height:40px}.sidebar .side-bottom label,.connection button{min-height:36px}.machine-selector select,dialog input{font-size:16px}.sidebar{padding-top:20px;padding-bottom:max(12px,env(safe-area-inset-bottom));overscroll-behavior:contain}
 .topbar{height:52px;min-height:52px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.thread-menu{top:48px;min-width:205px;max-width:calc(100vw - 28px)}.thread-menu button{min-height:44px;font-size:14px}
 .messages{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto}.message-actions .icon-button{width:44px;height:40px}.message-actions time{opacity:1}.file-row,.file-list-more,.file-card-actions button,.review-button{min-height:40px}.preview-card{flex-wrap:wrap}.preview-card>a{min-height:40px;display:flex;align-items:center}
 .composer-area{position:relative;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.settings-trigger{min-height:40px;max-width:calc(100vw - 150px);font-size:13px}.settings-icon,#modelOptions button,.model-menu-title{min-height:44px}.settings-icon{width:44px}.effort-track{height:40px}#prompt{line-height:1.55}.composer-bottom{margin-top:4px;gap:6px}#send{flex-shrink:0}#attachmentList{flex-wrap:nowrap;max-height:106px;overflow:auto;margin-bottom:8px}.attachment-chip{flex-shrink:0;max-width:240px}.attachment-chip button{min-width:36px;min-height:40px}.attachment-info strong{max-width:145px}
 dialog{padding:18px;max-height:calc(var(--app-height,100dvh) - 24px);overflow:auto}dialog h2{font-size:18px}.dialog-buttons button{min-height:44px;padding:8px 18px}#reviewDialog{width:calc(100vw - 20px);padding:14px;max-height:calc(var(--app-height,100dvh) - 24px)}#reviewContent{max-height:calc(var(--app-height,100dvh) - 170px)}.fork-choice{padding:12px 8px}.fork-choice input{width:20px;height:20px;flex-shrink:0}
 .compact-phone .topbar{height:44px;min-height:44px}.compact-phone .conversation-header{padding-top:2px;padding-bottom:2px;min-height:44px}.compact-phone .thread-meta{display:none}.compact-phone #attachmentList{max-height:72px}.compact-phone #composer{padding-top:8px;padding-bottom:6px}.compact-phone .composer-area{padding-bottom:4px}.compact-phone .connection-notice{max-height:42px;overflow:auto;padding:3px 0}
}