.ide-root{--ide-bg:#1e1e1e;--ide-bg-alt:#252526;--ide-bg-active:#37373d;--ide-bg-hover:#2a2d2e;--ide-border:#3c3c3c;--ide-text:#ccc;--ide-text-muted:#858585;--ide-accent:#007acc;--ide-accent-hover:#0098ff;--ide-titlebar:#323233;--ide-activitybar:#333;--ide-statusbar:#007acc;--ide-tab-active:#1e1e1e;--ide-tab-inactive:#2d2d30;--ide-scrollbar:#424242;--ide-scrollbar-hover:#4f4f4f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif}.ide-root.light{--ide-bg:#fff;--ide-bg-alt:#f3f3f3;--ide-bg-active:#e8e8e8;--ide-bg-hover:#e8e8e8;--ide-border:#e0e0e0;--ide-text:#333;--ide-text-muted:#616161;--ide-accent:#007acc;--ide-titlebar:#ddd;--ide-activitybar:#2c2c2c;--ide-statusbar:#007acc;--ide-tab-active:#fff;--ide-tab-inactive:#ececec;--ide-scrollbar:#c1c1c1;--ide-scrollbar-hover:#a0a0a0}.ide-grid{grid-template:"titlebar titlebar titlebar"38px"activity editor agent"1fr"statusbar statusbar statusbar"24px/48px 1fr 0;width:100vw;height:100vh;display:grid;overflow:hidden}.ide-grid.agent-open{grid-template-columns:48px 1fr max(400px,min(32vw,460px))}.ide-grid.sidebar-open{grid-template-columns:48px 260px 1fr 0;grid-template-areas:"titlebar titlebar titlebar titlebar""activity sidebar editor agent""statusbar statusbar statusbar statusbar"}.ide-grid.sidebar-open.agent-open{grid-template-columns:48px 260px 1fr max(400px,min(32vw,460px))}.ide-grid .ide-titlebar{grid-area:titlebar}.ide-grid .ide-activitybar{grid-area:activity}.ide-grid .ide-editor{grid-area:editor}.ide-grid .ide-sidebar{grid-area:sidebar}.ide-grid .ide-agent{grid-area:agent}.ide-grid .ide-statusbar{grid-area:statusbar}.ide-titlebar{background:var(--ide-titlebar);border-bottom:1px solid var(--ide-border);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-app-region:drag;align-items:center;padding:0 12px;display:flex}.ide-titlebar button,.ide-titlebar select{-webkit-app-region:no-drag}.ide-titlebar-icon{width:28px;height:28px;color:var(--ide-text-muted);border-radius:4px;justify-content:center;align-items:center;transition:color .12s,background .12s,transform .12s;display:inline-flex}.ide-titlebar-icon:hover{color:var(--ide-text);background:var(--ide-bg-hover)}.ide-titlebar-icon:active{transform:translateY(1px)}.ide-titlebar-center{min-width:160px;color:var(--ide-text);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.ide-titlebar-actions{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.ide-titlebar-select{border:1px solid var(--ide-border);background:var(--ide-bg-alt);max-width:116px;height:26px;color:var(--ide-text);border-radius:4px;outline:none;padding:0 8px;font-size:12px}.ide-titlebar-select:focus{border-color:var(--ide-accent)}.ide-save-state{color:var(--ide-text-muted);font-size:10px}.ide-save-state.saved{color:#4ec9b0}.ide-activitybar{background:var(--ide-activitybar);border-right:1px solid var(--ide-border);flex-direction:column;align-items:center;padding-top:4px;display:flex}.ide-activitybar button{width:48px;height:48px;color:var(--ide-text-muted);justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative}.ide-activitybar button:hover,.ide-activitybar button.active{color:var(--ide-text)}.ide-activitybar button.active:before{content:"";background:var(--ide-accent);border-radius:0 1px 1px 0;width:2px;position:absolute;top:25%;bottom:25%;left:0}.ide-sidebar{background:var(--ide-bg-alt);border-right:1px solid var(--ide-border);color:var(--ide-text);flex-direction:column;min-width:0;display:flex;overflow:hidden}.ide-sidebar-title{text-transform:uppercase;height:35px;color:var(--ide-text-muted);letter-spacing:.04em;border-bottom:1px solid var(--ide-border);align-items:center;padding:0 16px;font-size:11px;display:flex}.ide-sidebar-section{border-bottom:1px solid var(--ide-border);padding:8px 0}.ide-sidebar-section-title{text-transform:uppercase;color:var(--ide-text-muted);letter-spacing:.04em;padding:4px 14px 8px;font-size:11px}.ide-file-list{flex-direction:column;display:flex}.ide-file-row{min-height:28px;color:var(--ide-text-muted);text-align:left;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px 0 16px;font-size:13px;display:grid}.ide-file-row:hover{background:var(--ide-bg-hover);color:var(--ide-text)}.ide-file-row.active{background:var(--ide-bg-active);color:var(--ide-text)}.ide-runtime-badge{border:1px solid var(--ide-border);color:var(--ide-text-muted);text-transform:uppercase;border-radius:999px;padding:3px 5px;font-size:9px;line-height:1}.ide-runtime-summary{color:var(--ide-text-muted);gap:6px;padding:0 16px 4px;font-size:12px;display:grid}.ide-setting-group{gap:6px;padding:12px 16px;display:grid}.ide-setting-group label{color:var(--ide-text-muted);font-size:12px}.ide-setting-group select,.ide-search-box input{border:1px solid var(--ide-border);background:var(--ide-bg);width:100%;height:30px;color:var(--ide-text);border-radius:4px;outline:none;padding:0 8px;font-size:13px}.ide-setting-group select:focus,.ide-search-box input:focus{border-color:var(--ide-accent)}.ide-search-box{color:var(--ide-text-muted);align-items:center;gap:8px;padding:12px;display:flex}.ide-sidebar-empty{color:var(--ide-text-muted);padding:6px 16px;font-size:12px}.ide-statusbar{background:var(--ide-statusbar);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;display:flex}.ide-statusbar .status-item{cursor:default;align-items:center;gap:4px;height:100%;padding:0 6px;display:flex}.ide-statusbar .status-item:hover{background:rgba(255,255,255,.12)}.ide-tabbar{background:var(--ide-bg-alt);border-bottom:1px solid var(--ide-border);scrollbar-width:none;display:flex;overflow-x:auto}.ide-tabbar::-webkit-scrollbar{display:none}.ide-tab{height:35px;color:var(--ide-text-muted);background:var(--ide-tab-inactive);border-right:1px solid var(--ide-border);cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:0;border-bottom:0;border-left:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:background .1s,color .1s;display:flex;position:relative}.ide-tab:hover{background:var(--ide-bg-hover)}.ide-tab.active{background:var(--ide-tab-active);color:var(--ide-text)}.ide-tab.active:after{content:"";background:var(--ide-tab-active);height:1px;position:absolute;bottom:0;left:0;right:0}.ide-tab .tab-close{opacity:0;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .1s,background .1s;display:flex}.ide-tab:hover .tab-close,.ide-tab.active .tab-close{opacity:1}.ide-tab .tab-close:hover{background:rgba(255,255,255,.15)}.ide-bottom-panel{border-top:1px solid var(--ide-border);background:var(--ide-bg);flex-direction:column;display:flex}.ide-bottom-tabs{background:var(--ide-bg-alt);border-bottom:1px solid var(--ide-border);flex-shrink:0;align-items:center;gap:0;height:35px;padding:0 8px;display:flex}.ide-bottom-tab{text-transform:uppercase;letter-spacing:.5px;height:100%;color:var(--ide-text-muted);cursor:pointer;border-bottom:1px solid transparent;align-items:center;padding:0 12px;font-size:11px;transition:color .1s;display:flex}.ide-tab-count{background:var(--ide-bg-active);min-width:18px;height:16px;color:var(--ide-text);border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 5px;font-size:10px;display:inline-flex}.ide-bottom-runtime{color:var(--ide-text-muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.ide-run-button{background:var(--ide-bg-active);height:24px;color:var(--ide-text);border-radius:4px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.ide-run-button:hover:not(:disabled){background:var(--ide-bg-hover)}.ide-run-button:disabled{opacity:.65;cursor:default}.ide-console-toggle{color:var(--ide-text-muted);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;display:flex}.ide-console-toggle:hover,.ide-icon-button:hover{color:var(--ide-text);background:var(--ide-bg-hover)}.ide-icon-button{width:26px;height:26px;color:var(--ide-text-muted);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.ide-runtime-notice{border:1px solid var(--ide-border);background:var(--ide-bg-alt);color:var(--ide-text-muted);border-radius:6px;align-items:flex-start;gap:8px;margin:4px;padding:10px;display:flex}.ide-runtime-notice pre{white-space:pre-wrap;margin:0;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-size:12px}.ide-runtime-notice.compile_error,.ide-runtime-notice.runtime_error,.ide-runtime-notice.timeout{color:#f87171;border-color:rgba(248,81,73,.45)}.ide-console-row,.ide-problem-row{border-bottom:1px solid var(--ide-border);color:var(--ide-text);align-items:flex-start;gap:8px;padding:4px 8px;display:flex}.ide-console-message,.ide-problem-row span{color:inherit}.ide-console-row.error,.ide-problem-row.error{color:#f87171;background:rgba(248,81,73,.06)}.ide-console-row.warn,.ide-problem-row.warning{color:#facc15;background:rgba(250,204,21,.06)}.ide-problem-row.info{color:var(--ide-text-muted)}.ide-bottom-tab:hover{color:var(--ide-text)}.ide-bottom-tab.active{color:var(--ide-text);border-bottom-color:var(--ide-accent)}.ide-resize-handle{cursor:ns-resize;height:4px;color:var(--ide-text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.ide-resize-handle:hover,.ide-resize-handle.dragging{background:var(--ide-accent)}.ide-root ::-webkit-scrollbar{width:10px;height:10px}.ide-root ::-webkit-scrollbar-track{background:0 0}.ide-root ::-webkit-scrollbar-thumb{background:var(--ide-scrollbar);border-radius:5px}.ide-root ::-webkit-scrollbar-thumb:hover{background:var(--ide-scrollbar-hover)}@keyframes ide-slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.ide-agent{border-left:1px solid var(--ide-border);animation:.2s ease-out ide-slide-in-right}@media (max-width:900px){.ide-grid.sidebar-open,.ide-grid.sidebar-open.agent-open{grid-template-columns:48px 1fr 0;grid-template-areas:"titlebar titlebar titlebar""activity editor agent""statusbar statusbar statusbar"}.ide-grid.agent-open{grid-template-columns:48px 1fr minmax(280px,70vw)}.ide-sidebar{display:none}.ide-titlebar-select{max-width:92px}}