:root{color:#e6edf3;background:#0d1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:clip}body{min-width:0}.app-shell{width:100%;max-width:100%;min-height:100dvh;overflow-x:clip}.app-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid #30363d}.app-header h1{margin:0;font-size:18px;letter-spacing:-.01em}.app-title{display:flex;align-items:center;min-width:0;gap:8px}.back-button{display:grid;width:32px;height:32px;place-items:center;padding:0;color:#e6edf3;font-size:28px;line-height:1;background:transparent;border:1px solid #30363d;border-radius:9px}.app-main{min-width:0;max-width:100%;min-height:60dvh;padding:24px}.connection-placeholder{display:flex;align-items:center;gap:10px;color:#8b949e;font-size:14px;max-width:760px;margin:0 auto 16px;padding:10px 12px;border:1px solid #30363d;border-radius:10px}.connection-dot{width:8px;height:8px;border-radius:50%;background:#d29922;box-shadow:0 0 0 4px #d299221f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.machine-picker select{max-width:190px;padding:8px 30px 8px 10px;color:#e6edf3;background:#161b22;border:1px solid #30363d;border-radius:9px}.machine-picker-notice{position:fixed;top:calc(58px + env(safe-area-inset-top));right:14px;z-index:45;padding:7px 10px;color:#c9d1d9;font-size:11px;background:#161b22;border:1px solid #30363d;border-radius:999px}.machine-controls{display:flex;align-items:center;gap:7px}.thread-groups,.thread-skeleton,.empty-state,.error-state{width:min(100%,760px);margin:0 auto}.thread-group{margin-bottom:24px}.thread-group-cards{display:grid;gap:10px}.thread-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.thread-list-toolbar h2{margin:0;font-size:16px}.thread-list-toolbar button,.thread-create-error button,.project-picker button[type=submit]{padding:8px 13px;color:#fff;background:#238636;border:0;border-radius:8px}.thread-create-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;color:#f85149;border:1px solid rgb(248 81 73 / 35%);border-radius:10px}.thread-create-warning{margin-bottom:12px;padding:10px 12px;color:#d29922;border:1px solid rgb(210 153 34 / 35%);border-radius:10px}.thread-group-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:14px 16px;color:inherit;text-align:left;background:#161b22;border:1px solid #30363d;border-radius:13px}.thread-group-card span{display:grid;min-width:0;gap:5px}.thread-group-card strong{font-size:15px}.thread-group-card small{overflow:hidden;color:#8b949e;text-overflow:ellipsis;white-space:nowrap}.thread-group-card em{color:#8b949e;font-style:normal}.thread-group>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px;padding:0 3px}.thread-group h2,.thread-group p{margin:0}.thread-group h2{font-size:16px}.thread-group p,.thread-group header>span,.thread-list-item time{color:#8b949e;font-size:11px}.thread-group p{max-width:min(70vw,560px);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-list{overflow:hidden;background:#161b22;border:1px solid #30363d;border-radius:13px}.thread-list-item{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 13px;color:inherit;text-align:left;background:transparent;border:0;border-bottom:1px solid #21262d;cursor:pointer}.thread-list-item:last-child{border-bottom:0}.thread-list-item:hover{background:#1c2128}.thread-list-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.thread-list-title{overflow:hidden;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.thread-list-preview{overflow:hidden;color:#8b949e;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.thread-list-chevron{color:#6e7681;font-size:22px}.thread-status{display:inline-grid;width:20px;height:20px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:800}.thread-status--asking{color:#d29922;border-radius:6px}.thread-status--running{color:#58a6ff;font-size:8px}.thread-status--error{color:#f85149;border-radius:4px}.thread-status--complete{color:#3fb950}.thread-status--unknown{color:#6e7681}.offline-banner,.error-state,.empty-state{padding:15px;color:#8b949e;text-align:center;border:1px solid #30363d;border-radius:12px}.offline-banner{margin-bottom:18px;color:#d29922;background:#d2992214;border-color:#d2992259}.error-state button{padding:8px 15px;color:#fff;background:#238636;border:0;border-radius:8px}.thread-skeleton{display:grid;gap:10px;color:#8b949e}.thread-skeleton i{height:62px;border-radius:12px;background:linear-gradient(90deg,#161b22,#21262d,#161b22);background-size:200% 100%;animation:skeleton 1.4s linear infinite}.exit-confirm-toast{position:fixed;right:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;padding:10px 16px;color:#fff;font-size:13px;background:#161b22f0;border:1px solid #484f58;border-radius:999px;box-shadow:0 10px 28px #00000059;transform:translate(50%)}.conversation-screen{width:min(100%,760px);min-width:0;max-width:100%;margin:0 auto}.conversation-screen>header h2,.conversation-screen>header p{margin:0}.open-files-button{margin-top:8px;padding:5px 9px;color:#c9d1d9;background:#161b22;border:1px solid #30363d;border-radius:7px}.conversation-screen>header p{margin-top:4px;overflow:hidden;color:#8b949e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.conversation-loading,.older-turns-loading{padding:18px;color:#8b949e;text-align:center}.conversation-turns{width:100%;min-width:0;max-width:100%;margin-top:18px}.conversation-turn{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;gap:8px;margin-bottom:16px}.timeline{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;gap:9px}.timeline>[data-entry-id]{width:100%;min-width:0;max-width:100%}.timeline-execution{width:100%;min-width:0;max-width:100%}.timeline-execution-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:4px 2px;color:#6e7681;font-size:11px;font-weight:400;text-align:left;background:transparent;border:0}.timeline-execution-toggle>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-execution-body{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:8px 0 2px}.timeline-execution-body>[data-entry-id]{width:100%;min-width:0;max-width:100%}.timeline-message{width:100%;min-width:0;max-width:100%;padding:3px 2px;line-height:1.6}.timeline-message--user{width:fit-content;max-width:88%;margin-left:auto;padding:10px 13px;background:#21262d;border-radius:14px 14px 3px}.timeline-thinking-live{width:100%;min-width:0;max-width:100%;padding:2px;color:#8b949e;font-size:13px;line-height:1.6}.timeline-message-images{display:grid;gap:8px;margin-top:8px}.timeline-message-images:first-child{margin-top:0}.markdown-content{width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}.markdown-content img,.markdown-content video,.markdown-content svg{display:block;width:auto;max-width:100%;height:auto}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.markdown-content th,.markdown-content td{padding:6px 9px;border:1px solid #30363d}.markdown-content a{color:#58a6ff}.markdown-local-file-link{display:inline;padding:0;border:0;border-radius:0;background:none;color:#58a6ff;font:inherit;text-align:inherit;text-decoration:underline;text-underline-offset:.14em;overflow-wrap:anywhere;cursor:pointer}.markdown-content :not(pre)>code{overflow-wrap:anywhere;word-break:break-word;padding:2px 5px;color:#ff7b72;background:#161b22;border-radius:5px}.code-block{width:100%;min-width:0;max-width:100%;margin:12px 0;overflow:hidden;background:#090c10;border:1px solid #30363d;border-radius:10px}.code-block-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;color:#8b949e;font-size:11px;background:#161b22;border-bottom:1px solid #30363d}.code-block-toolbar button{padding:3px 7px;color:#c9d1d9;font-size:11px;background:transparent;border:1px solid #484f58;border-radius:6px}.code-block pre{max-width:100%;margin:0;overflow-x:auto;padding:13px;line-height:1.5}.diagnostic-card{width:100%;min-width:0;max-width:100%;overflow:hidden;background:#12171e;border:1px solid #2d333b;border-radius:10px}.diagnostic-card-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px 11px;color:#c9d1d9;text-align:left;background:transparent;border:0}.diagnostic-card-toggle strong{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.diagnostic-label{padding:2px 6px;color:#8b949e;font-size:10px;border:1px solid #30363d;border-radius:999px}.diagnostic-body{width:100%;min-width:0;max-width:100%;padding:11px;overflow:hidden;color:#b1bac4;font-size:12px;border-top:1px solid #21262d}.diagnostic-card--reasoning{background:transparent;border-color:transparent;border-radius:0}.diagnostic-card--reasoning .diagnostic-card-toggle{gap:6px;padding:2px;color:#6e7681}.diagnostic-card--reasoning .diagnostic-card-toggle strong{font-size:11px;font-weight:400}.diagnostic-card--reasoning .diagnostic-label{padding:1px 5px;color:#6e7681;font-size:9px;border-color:#21262d}.diagnostic-card--reasoning .diagnostic-body{padding:6px 2px 2px;color:#8b949e;border-top:0}.diagnostic-empty{margin:0;color:#6e7681}.timeline-system-event,.turn-event{padding:6px 9px;color:#8b949e;font-size:11px;text-align:center}.turn-event--interrupted,.turn-event--failed{color:#f0883e;border:1px solid rgb(240 136 62 / 25%);border-radius:8px}.timeline-media{width:100%;min-width:0;max-width:100%;margin:0}.timeline-media img{display:block;width:auto;max-width:100%;max-height:420px;object-fit:contain;border-radius:10px}.timeline-media figcaption{margin-top:5px;overflow:hidden;color:#8b949e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.render-error{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;color:#f85149;border:1px solid rgb(248 81 73 / 30%);border-radius:8px}.render-error button{color:#e6edf3;background:transparent;border:1px solid #484f58;border-radius:6px}.conversation-approvals{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:8;display:grid;gap:9px}.conversation-composer{position:fixed;right:max(24px,calc((100vw - 760px)/2));bottom:0;left:max(24px,calc((100vw - 760px)/2));z-index:25;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;margin:0;padding:9px 0 calc(9px + env(safe-area-inset-bottom));background:#0d1117}.conversation-end{height:calc(82px + env(safe-area-inset-bottom));scroll-margin-bottom:calc(82px + env(safe-area-inset-bottom))}.return-to-latest{position:sticky;bottom:calc(62px + env(safe-area-inset-bottom));z-index:5;display:block;width:fit-content;margin:0 auto -34px;padding:7px 12px;color:#e6edf3;background:#21262df0;border:1px solid #484f58;border-radius:999px;box-shadow:0 8px 24px #00000059}.conversation-composer textarea{width:100%;min-width:0;min-height:42px;max-height:min(240px,40dvh);overflow-y:hidden;resize:none;padding:10px 12px;color:#e6edf3;font:inherit;line-height:1.4;background:#161b22;border:1px solid #484f58;border-radius:12px}.composer-error{margin:8px 0 0;color:#f0883e;font-size:12px;overflow-wrap:anywhere}.composer-toast{position:fixed;right:50%;bottom:calc(74px + env(safe-area-inset-bottom));z-index:30;max-width:min(calc(100vw - 32px),420px);padding:9px 12px;color:#e6edf3;font-size:13px;line-height:1.35;background:#21262df7;border:1px solid #484f58;border-radius:10px;box-shadow:0 10px 28px #00000061;pointer-events:none;transform:translate(50%)}.composer-toast--error{color:#ffb4ac;border-color:#f85149a6}.conversation-composer button{position:relative;z-index:1;width:42px;height:42px;color:#fff;font-size:18px;background:#238636;border:0;border-radius:50%;pointer-events:auto;touch-action:manipulation}.conversation-composer .interrupt-button{background:#da3633}.conversation-composer .send-pending{background:#6e7681;cursor:wait}.approval-card{display:grid;gap:10px;padding:13px;background:#1c2128;border:1px solid #9e6a03;border-radius:12px;box-shadow:0 12px 30px #00000059}.approval-card pre{max-height:130px;margin:0;overflow:auto;color:#8b949e;font-size:11px}.approval-card label{display:grid;gap:5px;font-size:12px}.approval-card input,.approval-card select{padding:9px;color:#e6edf3;background:#0d1117;border:1px solid #484f58;border-radius:7px}.approval-actions{display:flex;flex-wrap:wrap;gap:7px}.approval-actions button{padding:7px 10px;color:#e6edf3;background:#238636;border:0;border-radius:7px}.approval-actions button:last-child{background:#6e3030}.approval-error{margin:0;color:#f85149;font-size:12px}.file-browser,.file-detail-screen{width:min(100%,760px);margin:0 auto}.file-browser header h2,.file-browser header p,.file-detail-screen header h2,.file-detail-screen header p{margin:0}.file-browser header p{margin:4px 0 14px;color:#8b949e;font-size:11px}.file-detail-screen header p{margin:4px 0 14px;overflow:hidden;color:#8b949e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.file-list{overflow:hidden;border:1px solid #30363d;border-radius:10px}.file-row{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;color:#e6edf3;text-align:left;background:#161b22;border:0;border-bottom:1px solid #21262d}.file-row:last-child{border-bottom:0}.file-preview{width:100%;min-width:0;max-width:100%;margin-top:14px;overflow:hidden;padding:13px;background:#161b22;border:1px solid #30363d;border-radius:10px}.file-preview img,.file-preview video,.file-preview audio{display:block;max-width:100%;margin:0 auto}.zoomable-image-trigger{display:block;width:fit-content;max-width:100%;margin:0 auto;padding:0;color:inherit;background:transparent;border:0;cursor:zoom-in}.zoomable-image-trigger img{display:block;width:auto;max-width:100%;height:auto;object-fit:contain}.image-lightbox-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#000000eb;color:#f0f6fc}.image-lightbox-loading button{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.yarl__root{--yarl__color_backdrop: rgb(0 0 0 / 94%);--yarl__color_button: #f0f6fc;--yarl__color_button_active: #fff;--yarl__color_button_disabled: #6e7681}.image-lightbox-zoom-controls{display:flex;align-items:center;gap:4px}.image-lightbox-control{display:inline-grid;width:40px;height:40px;place-items:center;padding:0;color:#fff;font-size:24px;line-height:40px;background:#161b22e0;border:1px solid #484f58;border-radius:8px}.image-lightbox-control--reset{width:48px;font-size:12px}.file-preview img,.file-preview video{max-height:72dvh}.file-truncated{color:#d29922;font-size:11px}.browser-file-viewer{display:grid;gap:10px}.browser-file-viewer object{width:100%;min-height:70dvh;border:0}.browser-file-viewer a{color:#58a6ff}.file-preview header{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px}.file-preview header span{color:#d29922;font-size:11px}.file-preview>pre{overflow-x:auto;white-space:pre-wrap}.tool-file-links{display:grid;gap:5px;margin-bottom:8px}.tool-file-links button{overflow:hidden;padding:5px 7px;color:#58a6ff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:1px solid #30363d;border-radius:6px}.pairing-screen{display:grid;min-height:100dvh;place-items:center;padding:20px;background:#0d1117}.pairing-screen form{display:grid;width:min(100%,420px);gap:13px;padding:24px;background:#161b22;border:1px solid #30363d;border-radius:16px}.pairing-screen h1,.pairing-screen p{margin:0}.pairing-screen>form>p{color:#8b949e}.pairing-logo{display:grid;width:44px;height:44px;place-items:center;color:#fff;font-size:24px;background:#238636;border-radius:12px}.pairing-screen label{display:grid;gap:6px;color:#8b949e;font-size:12px}.pairing-screen input{padding:11px;color:#e6edf3;background:#0d1117;border:1px solid #484f58;border-radius:8px}.pairing-screen button[type=submit]{padding:10px;color:#fff;background:#238636;border:0;border-radius:8px}.pairing-cancel{padding:8px;color:#8b949e;background:transparent;border:0}.pairing-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.older-turns-sentinel{height:1px}.project-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;align-items:end;padding:16px;background:#0000008c}.project-picker{width:min(100%,560px);max-height:min(80dvh,620px);margin:0 auto;overflow:auto;padding:18px;background:#161b22;border:1px solid #30363d;border-radius:16px;box-shadow:0 18px 50px #00000073}.project-picker>header{display:flex;align-items:center;justify-content:space-between}.project-picker h2,.project-picker h3{margin:0}.project-picker>header button{color:#8b949e;font-size:24px;background:transparent;border:0}.recent-projects{display:grid;gap:7px;margin:18px 0}.recent-projects h3{color:#8b949e;font-size:12px}.recent-projects button{display:grid;gap:3px;min-width:0;padding:9px 10px;color:#e6edf3;text-align:left;background:#0d1117;border:1px solid #30363d;border-radius:8px}.recent-projects button span,.project-picker-hint,.project-picker-choices p{overflow-wrap:anywhere;color:#8b949e;font-size:12px}.project-picker-choices{display:grid;gap:7px}.project-picker form,.project-picker label{display:grid;gap:9px}.project-picker input{width:100%;padding:11px 12px;color:#e6edf3;background:#0d1117;border:1px solid #484f58;border-radius:9px}.project-picker-error{margin:0;color:#f85149;font-size:12px}@keyframes skeleton{to{background-position:-200% 0}}@media(max-width:520px){.app-header,.app-main{padding-right:14px;padding-left:14px}.app-header h1{font-size:16px}.machine-picker select{max-width:min(52vw,168px);padding-top:7px;padding-bottom:7px}.conversation-composer{right:14px;left:14px}}