:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif;color:#e9e9eb;background:#101114;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-optical-sizing:auto;font-weight:400;--bg:#101114;--side:#151619;--panel:#17181c;--line:#25262b;--muted:#85868c;--soft:#b4b5ba;--accent:#55a8ff;--accent-strong:#3b82f6;--accent-soft:#13263c;--accent-border:#28496d;--success:#82d99d;--success-soft:#1a241d;--mono:"DM Mono",ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}button,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--bg)}.sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--side);padding:22px 14px 12px}.brand{display:flex;align-items:center;gap:10px;padding:0 7px;margin-bottom:30px}.brand-mark{width:30px;height:30px;border:1px solid #303236;border-radius:9px;display:grid;place-items:center;color:var(--accent);background:#142235}.brand strong{font-family:Manrope,sans-serif;font-size:14px;letter-spacing:1.4px}.brand>div:nth-child(2){display:flex;align-items:baseline;gap:6px}.brand>div:nth-child(2) span{font-family:var(--mono);color:#71737a;font-size:10px;letter-spacing:1px}.icon-button{border:0;background:transparent;color:#777980;padding:7px;border-radius:7px;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#242529;color:var(--accent)}.sidebar-toggle{margin-left:auto}.new-task{width:100%;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #34353a;background:#202125;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.new-task:hover{background:#28292d;border-color:var(--accent-border)}.new-task svg{color:var(--accent)}.new-task span{margin-left:auto;color:#74757b;font:10px var(--mono);border:1px solid #38393e;padding:3px 5px;border-radius:4px}.side-label{display:flex;align-items:center;gap:7px;color:#777980;font:10px var(--mono);letter-spacing:1.1px;margin:27px 7px 10px}.workspace-current{display:flex;align-items:center;gap:9px;background:#1b1c20;border:1px solid #292a2f;border-radius:7px;padding:9px;color:#a9abb0}.workspace-current>svg:first-child{color:#999ba2;flex:none}.workspace-current select{min-width:0;flex:1;color:#d5d5d8;background:transparent;border:0;outline:0;font-size:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.workspace-current select option{background:#1b1c20}.workspace-current>svg:last-child{color:#7c7e84;pointer-events:none}.history-label{margin-top:27px;margin-bottom:8px}.history-label span{margin-left:auto;background:#242529;color:#a0a1a6;border-radius:8px;padding:2px 6px;font-size:9px}.history-list{overflow-y:auto;display:flex;flex-direction:column;gap:3px}.empty-history{padding:18px 9px;color:#65676d;font-size:11px;line-height:1.8}.history-item{width:100%;display:flex;align-items:flex-start;gap:9px;border:0;background:transparent;text-align:left;padding:9px 8px;border-radius:7px;cursor:pointer}.history-item:hover{background:#222327}.history-item.selected{background:#172435;box-shadow:inset 2px 0 var(--accent)}.history-item.selected .history-copy>span{color:#dceeff}.status-dot{width:7px;height:7px;border-radius:50%;background:#777980;flex:none;margin-top:5px}.status-dot.running,.status-dot.queued{background:#d9ae68;box-shadow:0 0 8px #d9ae6840}.status-dot.completed{background:var(--success)}.status-dot.failed{background:#e47777}.status-dot.cancelled{background:#92939a}.history-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.history-copy>span{font-size:11px;color:#c8c9cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:205px}.history-copy small{font-size:10px;color:#71737a}.sidebar-bottom{margin-top:auto}.local-badge{display:flex;align-items:center;gap:8px;padding:11px 8px;color:#a3a5ab;font-size:10px;border-bottom:1px solid #25262a}.local-badge svg{color:var(--success)}.online-dot{width:6px;height:6px;background:var(--success);border-radius:50%;margin-left:auto}.user-row{display:flex;align-items:center;gap:9px;padding:13px 5px 2px}.avatar{width:27px;height:27px;border:1px solid #37443b;border-radius:50%;display:grid;place-items:center;background:#202822;color:var(--accent);font-size:11px;font-weight:700}.user-row>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.user-row strong{font-size:10px;font-weight:600}.user-row small{color:#7c7e84;font-size:9px}.user-row .icon-button{margin-left:auto}.main-panel{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:0 44px 18px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222328}.breadcrumbs,.top-actions{display:flex;align-items:center;gap:10px}.breadcrumbs{min-width:0;color:#7c7e84;font-size:11px}.breadcrumbs strong{color:#c7c8cc;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}.crumb-slash{color:#44464b}.top-actions{gap:16px}.connection{display:flex;align-items:center;gap:7px;color:#81838a;font-size:10px}.connection>span{width:6px;height:6px;background:#82848a;border-radius:50%}.connection.connected>span{background:var(--success);box-shadow:0 0 8px #82d99d66}.avatar.small{width:25px;height:25px;font-size:10px}.welcome{width:min(720px,100%);margin:clamp(54px,11vh,115px) auto 0;text-align:center}.welcome-icon{height:42px;width:42px;margin:0 auto 21px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;border-radius:12px}.eyebrow{color:#8a8c92;font:10px var(--mono);letter-spacing:1.5px}.welcome h1{font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-2.6px;margin:15px 0 14px;font-weight:600}.welcome h1 em{color:var(--accent);font-style:normal}.welcome>p{color:#95969d;font-size:13px;line-height:1.8;margin:0 0 29px}.composer-wrap{max-width:650px;margin:auto;text-align:left;border:1px solid #35363b;background:#18191d;border-radius:12px;padding:12px;box-shadow:0 16px 50px #0002}.composer-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #55a8ff22}.composer-wrap textarea{display:block;width:100%;resize:vertical;min-height:82px;border:0;outline:0;background:transparent;color:#eee;padding:6px 5px 12px;font-size:13px;line-height:1.65}.composer-wrap textarea::placeholder{color:#6f7077}.composer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #28292e;padding-top:10px}.composer-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.select-pill,.workspace-pill{display:flex;align-items:center;gap:6px;border:1px solid #34353a;background:#202125;padding:7px 9px;border-radius:7px;color:#c5c6cb;font-size:10px}.select-pill:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #55a8ff22}.select-pill svg:first-child{color:var(--accent)}.select-pill select{max-width:175px;border:0;outline:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#d2d3d6;font-size:10px;cursor:pointer}.select-pill option{background:#202125}.select-pill>svg:last-child{color:#7b7d83;pointer-events:none}.workspace-pill{color:#a8a9af;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-pill svg{flex:none;color:#92949a}.send-button{height:32px;width:32px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--accent-strong);color:#fff;cursor:pointer;transition:background .15s,transform .15s}.send-button:hover:not(:disabled){background:var(--accent);transform:translateY(-1px)}.send-button:disabled{background:#33353a;color:#777980;cursor:not-allowed}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.limits-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:15px auto 0;color:#84868c;font:9px var(--mono);flex-wrap:wrap}.limits-note i,.footer i{height:3px;width:3px;border-radius:50%;background:#5d5f64}.limits-note span{display:flex;align-items:center;gap:4px}.limits-note svg{color:#a4a5ab}.composer-caption{margin:15px 0 0;color:#777980;text-align:center;font-size:10px}.composer-caption b{color:#b6b7bc;font-weight:500}.model-warning{margin-top:9px;color:#e6bb79;font-size:10px}.footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:19px;color:#696b71;font-size:9px}.footer span{display:flex;align-items:center;gap:7px}.footer svg{color:var(--success)}.task-content{width:min(900px,100%);margin:46px auto 35px;flex:1}.task-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:6px 0 25px}.task-heading h1{font-family:Manrope,sans-serif;font-size:23px;line-height:1.4;letter-spacing:-.5px;margin:9px 0;color:#ededef;max-width:720px}.task-meta{display:flex;align-items:center;gap:9px;color:#83858b;font-size:10px}.task-meta .status-dot{margin:0}.cancel-button{display:flex;align-items:center;gap:7px;border:1px solid #594445;background:#261e20;color:#e28d8d;padding:9px 11px;border-radius:7px;font-size:10px;white-space:nowrap;cursor:pointer}.cancel-button:hover{background:#332426}.result-card{display:flex;align-items:center;gap:12px;background:#191b1c;border:1px solid #30343a;border-radius:9px;padding:15px 16px}.result-card.success{border-color:#2a342d;background:#191b1c}.result-icon{color:var(--accent)}.result-icon.success{color:var(--success)}.result-card strong{font-size:12px}.result-card p{font-size:10px;color:#8e9096;margin:5px 0 0}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 26px}.metric{display:flex;flex-direction:column;gap:7px;border:1px solid #27282d;border-radius:8px;background:#16171a;padding:12px}.metric span{font-size:9px;color:#81838a}.metric strong{font:12px var(--mono);color:#d3d4d8}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-heading>div{display:flex;align-items:center;gap:8px;color:#a8aaaf}.section-heading>div svg{color:#8d9096}.section-heading>div strong{font-size:11px;font-weight:600}.section-heading>div>span{font-size:10px;color:#707279}.live-label{display:flex;align-items:center;gap:7px;color:#82848a;font-size:9px}.live-label>span{width:6px;height:6px;border-radius:50%;background:#72747a}.live-label .pulse-dot{background:#55a8ff;animation:pulse 1.5s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #55a8ff22}}.event-log{min-height:125px;max-height:390px;overflow:auto;border:1px solid #292a2f;border-radius:8px;background:#141518;padding:7px 13px}.log-empty{display:flex;align-items:center;justify-content:center;gap:8px;height:100px;color:#797b81;font-size:10px}.log-empty svg{color:#aaa}.event-row{display:grid;grid-template-columns:61px 14px 1fr;gap:8px;min-height:42px;padding:8px 0}.event-row time{color:#71737a;font:9px var(--mono);padding-top:2px}.event-marker{position:relative;display:flex;justify-content:center}.event-marker:before{content:"";position:absolute;top:9px;bottom:-17px;width:1px;background:#303136}.event-row:last-child .event-marker:before{display:none}.event-marker span{position:relative;z-index:1;width:6px;height:6px;border:1px solid var(--accent);border-radius:50%;background:#172435;margin-top:3px}.event-body{min-width:0;display:flex;flex-direction:column;gap:5px}.event-name{font-size:10px;color:#cbcccf;text-transform:capitalize;font-weight:500}.event-detail{display:flex;flex-direction:column;gap:4px;color:#a1a3a9;font-size:9px;line-height:1.6}.event-detail strong{color:#9ccaff;font-family:var(--mono);font-weight:400}.event-detail em{color:#e68a8a;font-style:normal}.event-detail pre{max-height:150px;overflow:auto;white-space:pre-wrap;margin:4px 0 0;padding:8px;background:#1b1c20;border:1px solid #2a2b30;border-radius:5px;color:#a5a7ad;font:9px/1.5 var(--mono)}.test-result{display:grid;grid-template-columns:17px auto 1fr 17px;align-items:center;gap:9px;margin-top:12px;padding:11px 12px;background:#171a18;border:1px solid #29352d;border-radius:7px;color:#91d5a2}.test-result strong{font-size:10px}.test-result span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#85878d;font:9px var(--mono)}.assistant-answer{display:flex;gap:10px;margin-top:20px;padding:14px;border:1px solid #2d3034;background:#18191d;border-radius:8px}.assistant-answer>svg{color:var(--accent);flex:none}.assistant-answer strong{font-size:10px}.assistant-answer p{color:#aaaab0;font-size:11px;line-height:1.6;margin:6px 0 0}.error-banner{display:flex;align-items:center;gap:9px;margin:12px auto 0;width:min(850px,100%);padding:10px 12px;border:1px solid #623c3c;border-radius:7px;background:#291c1e;color:#f29c9c;font-size:11px}.error-banner span{flex:1}.error-banner button{display:grid;place-items:center;border:0;background:none;color:#c48787;cursor:pointer}@media(max-width:850px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.main-panel{padding:0 25px 16px}.sidebar{padding-inline:11px}.wide-only{display:none}.welcome{margin-top:clamp(48px,9vh,90px)}}@media(max-width:620px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:13px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin-bottom:12px}.sidebar-toggle,.side-label,.workspace-current,.history-list,.local-badge,.user-row{display:none}.new-task{position:absolute;right:14px;top:12px;width:auto;padding:8px}.new-task span{display:none}.main-panel{min-height:calc(100vh - 66px);padding:0 17px 15px}.topbar{height:53px}.breadcrumbs strong{max-width:155px}.connection{font-size:0}.connection>span{width:7px;height:7px}.top-actions{gap:9px}.welcome{margin-top:65px}.welcome h1{font-size:43px}.welcome>p{font-size:12px}.composer-options{gap:5px}.workspace-pill{max-width:122px}.select-pill select{max-width:135px}.composer-caption{font-size:9px}.footer{font-size:8px}.task-content{margin-top:30px}.task-heading{flex-direction:column}.task-heading h1{font-size:20px}.task-meta{flex-wrap:wrap}.metrics-row{grid-template-columns:repeat(2,1fr)}.event-log{max-height:350px}.test-result{grid-template-columns:17px auto 17px}.test-result span{display:none}}.result-details{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:16px 0 22px}.changed-files,.usage-card{min-width:0}.file-list{display:flex;flex-direction:column;gap:9px}.file-result{overflow:hidden;border:1px solid #292a2f;border-radius:8px;background:#141518}.file-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid #292a2f;background:#18191d}.file-result-head>div:first-child,.file-actions{display:flex;align-items:center;gap:8px;min-width:0}.file-result-head>div:first-child>svg{flex:none;color:var(--accent)}.file-result-head strong{overflow:hidden;color:#d6d7db;text-overflow:ellipsis;white-space:nowrap;font:10px var(--mono)}.file-action{flex:none;border-radius:10px;padding:3px 7px;font:9px var(--mono);text-transform:capitalize}.file-action.created{color:#9bd8aa;background:#1a241d}.file-action.modified{color:#9ccaff;background:#172435}.file-actions button{border:1px solid transparent;border-radius:5px;background:transparent;padding:5px 8px;color:#92949a;font-size:9px;cursor:pointer}.file-actions button:hover,.file-actions button.active{border-color:#28496d;background:#172435;color:#b9dcff}.code-view,.diff-view{max-height:310px;overflow:auto;margin:0;padding:12px 14px;color:#c7c9cf;font:10px/1.65 var(--mono);-moz-tab-size:4;tab-size:4;white-space:pre}.diff-view{color:#d2d4d9}.file-view-state{padding:13px;color:#92949a;font-size:10px}.file-view-state.error{color:#f29c9c}.usage-card{border:1px solid #292a2f;border-radius:8px;background:#151619;padding:0 11px 11px}.usage-card>.section-heading{margin:12px 1px}.usage-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.usage-values .metric{padding:10px;border-color:#292a2f;background:#18191d}.usage-values .metric strong{overflow-wrap:anywhere}.assistant-answer p{white-space:pre-wrap}@media(max-width:620px){.file-result-head{align-items:flex-start;flex-direction:column}.file-actions{align-self:flex-end}.code-view,.diff-view{max-height:260px;font-size:9px}.usage-values{grid-template-columns:repeat(2,minmax(0,1fr))}}.interaction-modes{display:flex;gap:8px;margin:15px 0}.interaction-modes button{border:1px solid var(--line);background:var(--panel);padding:10px 18px;border-radius:8px;cursor:pointer}.interaction-modes button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.conversation{width:100%;display:flex;flex-direction:column;gap:12px;margin:12px 0 22px;text-align:left}.chat-message{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.chat-message.user{margin-left:25px}.chat-message.assistant{margin-right:15px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.chat-message small{font-size:11px;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 0,#14233a 0,transparent 55%),#101114}.login-card{width:min(460px,100%);display:flex;flex-direction:column;align-items:flex-start;padding:32px;border:1px solid #303238;border-radius:18px;background:#15171ce8;box-shadow:0 24px 80px #0005}.login-card h1{font-size:30px;line-height:1.2;letter-spacing:-1px}.login-card p{color:var(--muted);font-size:14px;line-height:1.6}.login-card label{font-size:13px;margin:15px 0 8px}.login-card input{width:100%;border:1px solid #3c404b;border-radius:8px;background:#101114;color:#eee;padding:13px;font:inherit}.login-card button{width:100%;margin-top:18px;padding:13px;border:0;border-radius:8px;background:var(--accent);color:#09121f;font-weight:700;cursor:pointer}.login-card button:disabled{opacity:.45;cursor:default}.logout-button{border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:11px;padding:6px;cursor:pointer}.download-project{display:inline-block;margin:0 0 12px;padding:9px 14px;border:1px solid var(--accent-border);border-radius:7px;color:var(--accent);font-size:12px;text-decoration:none}.sandbox-setup{width:100%;padding:16px;border:1px solid var(--accent-border);border-radius:10px;margin:16px 0;text-align:left}.sandbox-setup p{font-size:13px;line-height:1.5;color:var(--muted)}.sandbox-setup button{border:0;border-radius:7px;background:var(--accent);color:#101114;padding:10px 14px;cursor:pointer}