:root{color:#18202b;letter-spacing:0;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:#eef2f5;min-height:100vh;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:#1d2836;cursor:pointer;background:#fff;border:1px solid #c8d1da;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;display:inline-flex}button:hover:not(:disabled){background:#f4f8fc;border-color:#6d91b8}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#1d2836;background:#fff;border:1px solid #c8d1da;border-radius:7px;outline:none;width:100%}input,select{height:34px;padding:0 10px}textarea{resize:vertical;min-height:74px;max-height:180px;padding:10px}.remote-shell{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.remote-topbar{background:#fff;border-bottom:1px solid #d8e0e8;flex:none;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:10px;min-height:44px;padding:0 12px 0 16px;display:grid}.brand-block,.panel-heading>div,.drawer-header>div{gap:2px;min-width:0;display:grid}.brand-block strong{font-size:13px;font-weight:750}.brand-block span,.panel-heading span,.drawer-header span,.metric span,.project-row small,.session-row small,.conversation-toolbar span{color:#617083;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.status-pill{color:#48586b;white-space:nowrap;background:#f8fafc;border:1px solid #c8d1da;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 9px;font-size:12px;display:inline-flex}.status-connected{color:#0f654a;background:#e7f7f0;border-color:#91d2bd}.status-error{color:#9b252b;background:#fff1f2;border-color:#efb2b6}.connection-band{background:#f8fafc;border-bottom:1px solid #d8e0e8;flex:none;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px;padding:10px 14px;display:grid}.connection-band label{gap:5px;min-width:0;display:grid}.connection-band label span{color:#48586b;font-size:12px;font-weight:650}.connection-actions,.toolbar-actions{align-items:center;gap:8px;display:inline-flex}.error-banner{color:#9b252b;background:#fff1f2;border-bottom:1px solid #efb2b6;flex:none;padding:8px 16px;font-size:13px}.remote-workspace{flex:auto;grid-template-columns:310px minmax(0,1fr) 300px;min-height:0;display:grid}.panel{border-right:1px solid #d8e0e8;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:12px;display:flex}.navigator-panel,.status-panel{background:#fbfcfe}.conversation-panel{background:#f4f7f9}.status-panel{border-right:0}.panel-heading,.conversation-toolbar,.drawer-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-heading h2,.conversation-toolbar h1,.drawer-header h2{color:#1d2836;margin:0;font-size:14px;font-weight:750}.conversation-toolbar h1{font-size:17px}.project-list,.session-list,.event-stream,.envelope-list{align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.project-list{flex:0 42%}.session-list{flex:auto}.sessions-heading{border-top:1px solid #e4e9ef;padding-top:4px}.project-row,.session-row{text-align:left;justify-content:flex-start;width:100%}.project-row{gap:4px;min-height:58px;padding:9px 10px;display:grid}.project-row strong,.session-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:750;overflow:hidden}.project-row.active,.session-row.active{background:#eaf4ff;border-color:#6088b0}.session-row{grid-template-columns:13px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:8px 10px;display:grid}.session-row>span:last-child{gap:3px;min-width:0;display:grid}.state-dot{background:#8794a4;border-radius:999px;width:9px;height:9px}.state-running{background:#2d79b8;box-shadow:0 0 0 4px #2d79b81f}.state-idle{background:#1a916b}.state-error{background:#bd3037}.state-stopped,.state-deleted{background:#8794a4}.conversation-toolbar{flex:none;align-items:flex-start}.conversation-toolbar>div:first-child{gap:4px;min-width:0;display:grid}.raw-toggle{color:#48586b;white-space:nowrap;background:#fff;border:1px solid #c8d1da;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:0 8px;font-size:12px;display:inline-flex}.raw-toggle input{width:auto;height:auto}.event-stream{flex:auto}.history-loader-row{color:#617083;background:#fbfcfe;border:1px dashed #c8d1da;border-radius:7px;place-items:center;min-height:32px;padding:7px 10px;font-size:12px;display:grid}.event-row{background:#fff;border:1px solid #d8e0e8;border-radius:8px;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:10px;display:grid}.block-user_prompt{background:#edf6ff;border-color:#b7cfe6;grid-template-columns:minmax(0,1fr);width:fit-content;max-width:min(76%,780px);margin-left:auto}.block-user_prompt .event-icon{display:none}.block-assistant_message,.block-assistant_draft{background:#fbfefd;border-color:#d5e1dc}.block-tool_call,.block-tool_result,.block-raw_event_fallback{background:#f8fafc;border-color:#cfd9e4}.block-error{background:#fff7f8;border-color:#efb2b6}.block-run_notice{background:#f0fbf6;border-color:#a9d8c6}.block-permission_request{background:#fff8e4;border-color:#e3ca7b}.event-icon{color:#55687e;place-items:center;width:30px;height:30px;display:grid}.event-content{min-width:0}.event-meta{color:#617083;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.event-meta strong{color:#263446;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.event-meta span{flex:none}.event-content p,.event-content pre,.diagnostics-panel pre,.envelope-row pre{white-space:pre-wrap;word-break:break-word;margin:6px 0 0}.event-content pre,.diagnostics-panel pre,.envelope-row pre{background:#edf1f5;border-radius:7px;padding:8px;font-size:12px;overflow:auto}.tool-card{gap:6px;display:grid}.tool-card-toggle{color:#243246;cursor:pointer;width:100%;font:inherit;text-align:left;background:#f7fafc;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.tool-card-toggle:disabled{cursor:default}.tool-card-name{font-weight:800}.tool-card-summary{color:#43546a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.tool-card-status{color:#43546a;text-transform:uppercase;background:#e8eef6;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:800}.tool-card-status.status-succeeded{color:#16733f;background:#dff5e8}.tool-card-status.status-failed,.tool-card-status.status-canceled{color:#b42318;background:#ffe5e5}.tool-card-status.status-running,.tool-card-status.status-pending{color:#8a5b00;background:#fff4d9}.tool-card-chevron{color:#637083;font-weight:900}.tool-card-details{gap:6px;max-height:360px;display:grid;overflow:auto}.tool-card-details p{margin-top:6px}.permission-card{gap:10px;display:grid}.permission-card-header{color:#344154;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.permission-card-header strong{color:#263446}.permission-card-header span{color:#617083;font-size:12px}.permission-actions{flex-wrap:wrap;gap:8px;display:flex}.permission-actions button{color:#263446;background:#fff;border:1px solid #d0d8e2;border-radius:8px;padding:7px 10px;font-weight:800}.permission-question-form{gap:10px;display:grid}.permission-question-form fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.permission-question-form legend{color:#263446;gap:3px;display:grid}.permission-question-form legend span{color:#617083;text-transform:uppercase;font-size:11px;font-weight:900}.permission-options{gap:6px;display:grid}.permission-options label,.permission-other{background:#fff;border:1px solid #d0d8e2;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;display:flex}.permission-options label.selected{background:#eff5ff;border-color:#7aa0da}.permission-options label span{gap:2px;display:grid}.permission-options small{color:#617083}.permission-other input{color:#263446;background:0 0;border:0;outline:0;flex:1;min-width:0}.attachment-row{flex-wrap:wrap;gap:6px;display:flex}.attachment-chip{color:#48586b;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #c8d1da;border-radius:999px;max-width:100%;padding:4px 7px;font-size:12px;overflow:hidden}.prompt-bar{flex-direction:column;gap:6px;padding-top:2px;display:flex}.remote-composer-controls{color:#4b5c70;flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.remote-composer-controls span{background:#f4f8fd;border:1px solid #d4e0ee;border-radius:999px;padding:4px 8px}.remote-composer-control-field{color:#294563;background:#f4f8fd;border:1px solid #d4e0ee;border-radius:999px;align-items:center;gap:6px;max-width:min(100%,280px);padding:3px 8px;display:inline-flex}.remote-composer-control-field span{color:#65758a;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.remote-composer-control-field select{color:#294563;background:0 0;border:0;max-width:190px;min-height:22px;padding:0 3px;font-size:12px}.remote-composer-control-field.toggle input{accent-color:#2e7dd1;width:14px;height:14px;margin:0}.remote-composer-controls .context-usage-control{color:#315c83;background:#f8fbff;border:1px solid #c8d4e3;border-radius:999px;padding:4px 8px 4px 5px;display:inline-flex;position:relative}.context-usage-control summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.context-usage-control summary::-webkit-details-marker{display:none}.context-usage-menu{z-index:30;background:#fff;border:1px solid #c8d4e3;border-radius:8px;gap:4px;min-width:160px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 10px 24px #192d4629}.context-usage-menu button{color:#244e72;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;padding:7px 8px}.context-usage-menu button:hover{background:#eef5fc}.context-usage-ring-svg{flex:none}.context-usage-ring-track{stroke:#c9d7e8}.context-usage-ring-progress{stroke:#0969da;transition:stroke-dashoffset .16s}.context-usage-ring-svg.unknown .context-usage-ring-progress{stroke:#8396ad;stroke-dasharray:2 3}.prompt-input-box{background:#fff;border:1px solid #d6dce5;border-radius:12px;grid-template-columns:minmax(0,1fr) 36px 82px;align-items:end;gap:8px 10px;padding:8px 12px;display:grid}.prompt-input-box:focus-within{border-color:#4a90d9}.prompt-input-box textarea{resize:none;color:#243246;background:0 0;border:none;outline:none;align-self:center;min-height:24px;max-height:160px;padding:4px 0;font-family:inherit;font-size:14px}.prompt-input-box textarea::placeholder{color:#a0aab4}.slash-command-menu{background:#f8fafc;border:1px solid #d6dce5;border-radius:8px;grid-column:1/-1;gap:4px;max-height:180px;padding:6px;display:grid;overflow:auto}.slash-command-item{text-align:left;color:#243246;background:0 0;border-color:#0000;grid-template-columns:minmax(92px,auto) minmax(0,1fr);align-items:center;gap:4px 10px;display:grid}.slash-command-item:not(:disabled):hover{background:#eef6ff}.slash-command-item.disabled{opacity:.55}.slash-command-item span,.slash-command-item small,.slash-command-empty{color:#6b7789;font-size:12px}.icon-button{aspect-ratio:1;width:34px;min-height:34px;padding:0}.subtle-button{color:#617083;background:0 0;border-color:#0000}.danger:hover:not(:disabled){color:#9b252b;background:#fff1f2;border-color:#efb2b6}.status-grid,.diagnostics-panel{gap:8px;display:grid}.metric{background:#fff;border:1px solid #d8e0e8;border-radius:8px;gap:4px;min-height:54px;padding:9px;display:grid}.metric strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.compact-heading{border-top:1px solid #e4e9ef;padding-top:8px}.empty-state{color:#617083;text-align:center;background:#fff;border:1px dashed #c8d1da;border-radius:8px;place-items:center;min-height:170px;padding:12px;font-size:12px;display:grid}.empty-state.compact,.compact{min-height:94px}.drawer-backdrop{z-index:30;background:#18202b3d;justify-content:flex-end;display:flex;position:fixed;inset:0}.debug-drawer{background:#fbfcfe;border-left:1px solid #d8e0e8;flex-direction:column;gap:12px;width:min(620px,100vw);height:100%;min-height:0;padding:14px;display:flex;box-shadow:-14px 0 26px #18202b29}.drawer-header{flex:none}.envelope-list{flex:auto}.envelope-row{background:#fff;border:1px solid #d8e0e8;border-radius:8px;padding:10px}@media (width<=1100px){body{overflow:auto}.remote-shell{height:auto;min-height:100%;overflow:visible}.remote-topbar,.connection-band,.remote-workspace{grid-template-columns:1fr}.remote-topbar{align-items:stretch;padding:10px 12px}.connection-actions,.toolbar-actions{flex-wrap:wrap}.remote-workspace{min-height:auto}.panel{border-bottom:1px solid #d8e0e8;border-right:0}.project-list,.session-list{flex:none;max-height:260px}.conversation-panel{min-height:70vh}.status-panel{display:none}}@media (width<=640px){.conversation-toolbar{align-items:stretch;display:grid}.prompt-bar{grid-template-columns:1fr}.block-user_prompt{max-width:92%}}.file-card-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:4px 0 8px 37px;display:flex}.file-card{color:#243246;background:#f8f9fb;border:1px solid #dce0e8;border-radius:10px;align-items:center;gap:10px;min-width:240px;max-width:380px;padding:12px 16px;font-size:14px;display:flex}.file-card-icon{color:#4a6080;background:#e8edf5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.file-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.file-card-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.file-card-meta{color:#8f9bb3;gap:8px;font-size:12px;display:flex}.file-card-size{color:#8f9bb3}.file-card-type{color:#8f9bb3;text-transform:uppercase}.content-block-chips{flex-wrap:wrap;grid-column:1/-1;gap:6px;padding-bottom:4px;display:flex}.content-block-chip{color:#243246;background:#f0f2f5;border:1px solid #d6dce5;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:12px;display:inline-flex}.content-block-chip-label{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.content-block-chip-remove{cursor:pointer;color:#637083;background:0 0;border:none;align-items:center;padding:1px;display:flex}.content-block-chip-remove:hover{color:#d92d20}.attach-button{cursor:pointer;color:#243246;background:#f5f6f8;border:1px solid #d6dce5;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;display:inline-flex}.attach-button:disabled{opacity:.5;cursor:not-allowed}.attach-button:not(:disabled):hover{background:#e8ebf0}.create-session-btn{color:#617083;border-style:dashed;justify-content:center;width:100%;font-weight:650}.create-session-btn:hover:not(:disabled){color:#1d2836;background:#eaf4ff;border-color:#6088b0}.create-session-form{background:#fff;border:1px solid #d8e0e8;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.create-session-form input,.create-session-form textarea{padding:8px 10px}.create-session-form .form-actions{justify-content:flex-end;gap:8px;display:flex}.create-session-form .error-text{color:#9b252b;font-size:12px}.project-picker-modal{background:#fbfcfe;border-left:1px solid #d8e0e8;flex-direction:column;gap:12px;width:min(720px,100vw);height:100%;min-height:0;padding:14px;display:flex;box-shadow:-14px 0 26px #18202b29}.project-picker-grid{flex:auto;grid-template-columns:260px minmax(0,1fr);gap:12px;min-height:0;display:grid}.project-picker-grid section,.project-picker-create{background:#fff;border:1px solid #d8e0e8;border-radius:8px;flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex}.project-picker-grid h3,.project-picker-create h3{color:#1d2836;margin:0;font-size:13px}.root-list,.directory-list{align-content:start;gap:7px;min-height:0;display:grid;overflow:auto}.root-row,.directory-list button{text-align:left;justify-content:flex-start;width:100%}.root-row{gap:3px;min-height:48px;display:grid}.root-row small{color:#617083;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.root-row.active{background:#eaf4ff;border-color:#6088b0}.project-picker-field{gap:5px;display:grid}.project-picker-field span{color:#48586b;font-size:12px;font-weight:650}.project-picker-create input{flex:none}@media (width<=720px){.project-picker-grid{grid-template-columns:1fr}}