: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,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,textarea{color:#1d2836;background:#fff;border:1px solid #c8d1da;border-radius:7px;outline:none;width:100%}input{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 p{margin-top:6px}.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:none;grid-template-columns:minmax(0,1fr) 92px;align-items:end;gap:10px;display:grid}.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%}}