.ide-root{--ide-bg:#1e1e1e;--ide-bg-alt:#252526;--ide-bg-active:#37373d;--ide-bg-hover:#2a2d2e;--ide-border:#3c3c3c;--ide-text:#cccccc;--ide-text-muted:#858585;--ide-accent:#007acc;--ide-accent-hover:#0098ff;--ide-titlebar:#323233;--ide-activitybar:#333333;--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:#ffffff;--ide-bg-alt:#f3f3f3;--ide-bg-active:#e8e8e8;--ide-bg-hover:#e8e8e8;--ide-border:#e0e0e0;--ide-text:#333333;--ide-text-muted:#616161;--ide-accent:#007acc;--ide-titlebar:#dddddd;--ide-activitybar:#2c2c2c;--ide-statusbar:#007acc;--ide-tab-active:#ffffff;--ide-tab-inactive:#ececec;--ide-scrollbar:#c1c1c1;--ide-scrollbar-hover:#a0a0a0}.ide-grid{display:grid;grid-template-areas:"titlebar   titlebar   titlebar" "activity   editor     agent" "statusbar  statusbar  statusbar";grid-template-columns:48px 1fr 0;grid-template-rows:38px 1fr 24px;height:100vh;width:100vw;overflow:hidden}.ide-grid.agent-open{grid-template-columns:48px 1fr clamp(400px,32vw,460px)}.ide-grid.sidebar-open{grid-template-areas:"titlebar   titlebar   titlebar   titlebar" "activity   sidebar    editor     agent" "statusbar  statusbar  statusbar  statusbar";grid-template-columns:48px 260px 1fr 0}.ide-grid.sidebar-open.agent-open{grid-template-columns:48px 260px 1fr clamp(400px,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);display:flex;align-items:center;padding:0 12px;user-select:none;-webkit-app-region:drag}.ide-titlebar button,.ide-titlebar select{-webkit-app-region:no-drag}.ide-titlebar-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:var(--ide-text-muted);transition:color .12s,background .12s,transform .12s}.ide-titlebar-icon:hover{color:var(--ide-text);background:var(--ide-bg-hover)}.ide-titlebar-icon:active{transform:translateY(1px)}.ide-titlebar-center{display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center;font-size:13px;color:var(--ide-text)}.ide-titlebar-actions{display:flex;align-items:center;gap:6px;flex:1;justify-content:flex-end}.ide-titlebar-select{height:26px;max-width:116px;border:1px solid var(--ide-border);border-radius:4px;background:var(--ide-bg-alt);color:var(--ide-text);font-size:12px;padding:0 8px;outline:none}.ide-titlebar-select:focus{border-color:var(--ide-accent)}.ide-save-state{font-size:10px;color:var(--ide-text-muted)}.ide-save-state.saved{color:#4ec9b0}.ide-activitybar{background:var(--ide-activitybar);display:flex;flex-direction:column;align-items:center;padding-top:4px;border-right:1px solid var(--ide-border)}.ide-activitybar button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--ide-text-muted);position:relative;transition:color .15s}.ide-activitybar button.active,.ide-activitybar button:hover{color:var(--ide-text)}.ide-activitybar button.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;background:var(--ide-accent);border-radius:0 1px 1px 0}.ide-sidebar{background:var(--ide-bg-alt);border-right:1px solid var(--ide-border);color:var(--ide-text);overflow:hidden;display:flex;flex-direction:column;min-width:0}.ide-sidebar-title{height:35px;display:flex;align-items:center;padding:0 16px;font-size:11px;text-transform:uppercase;color:var(--ide-text-muted);letter-spacing:.04em}.ide-sidebar-section,.ide-sidebar-title{border-bottom:1px solid var(--ide-border)}.ide-sidebar-section{padding:8px 0}.ide-sidebar-section-title{padding:4px 14px 8px;font-size:11px;text-transform:uppercase;color:var(--ide-text-muted);letter-spacing:.04em}.ide-file-list{display:flex;flex-direction:column}.ide-file-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;padding:0 10px 0 16px;color:var(--ide-text-muted);font-size:13px;text-align:left}.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);border-radius:999px;color:var(--ide-text-muted);font-size:9px;line-height:1;padding:3px 5px;text-transform:uppercase}.ide-runtime-summary{display:grid;gap:6px;padding:0 16px 4px;font-size:12px;color:var(--ide-text-muted)}.ide-setting-group{display:grid;gap:6px;padding:12px 16px}.ide-setting-group label{color:var(--ide-text-muted);font-size:12px}.ide-search-box input,.ide-setting-group select{width:100%;height:30px;border:1px solid var(--ide-border);border-radius:4px;background:var(--ide-bg);color:var(--ide-text);padding:0 8px;outline:none;font-size:13px}.ide-search-box input:focus,.ide-setting-group select:focus{border-color:var(--ide-accent)}.ide-search-box{display:flex;align-items:center;gap:8px;padding:12px;color:var(--ide-text-muted)}.ide-sidebar-empty{padding:6px 16px;color:var(--ide-text-muted);font-size:12px}.ide-statusbar{background:var(--ide-statusbar);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;color:#ffffff;user-select:none}.ide-statusbar .status-item{display:flex;align-items:center;gap:4px;padding:0 6px;height:100%;cursor:default}.ide-statusbar .status-item:hover{background:rgba(255,255,255,.12)}.ide-tabbar{display:flex;background:var(--ide-bg-alt);border-bottom:1px solid var(--ide-border);overflow-x:auto;scrollbar-width:none}.ide-tabbar::-webkit-scrollbar{display:none}.ide-tab{display:flex;align-items:center;gap:6px;padding:0 12px;height:35px;font-size:13px;color:var(--ide-text-muted);background:var(--ide-tab-inactive);cursor:pointer;white-space:nowrap;user-select:none;transition:background .1s,color .1s;position:relative;border:0;border-right:1px solid var(--ide-border)}.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:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--ide-tab-active)}.ide-tab .tab-close{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;opacity:0;transition:opacity .1s,background .1s}.ide-tab.active .tab-close,.ide-tab:hover .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);display:flex;flex-direction:column;background:var(--ide-bg)}.ide-bottom-tabs{display:flex;align-items:center;gap:0;background:var(--ide-bg-alt);border-bottom:1px solid var(--ide-border);padding:0 8px;height:35px;flex-shrink:0}.ide-bottom-tab{padding:0 12px;height:100%;display:flex;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ide-text-muted);cursor:pointer;border-bottom:1px solid transparent;transition:color .1s}.ide-tab-count{margin-left:6px;min-width:18px;height:16px;border-radius:999px;background:var(--ide-bg-active);color:var(--ide-text);display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-size:10px}.ide-bottom-runtime{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--ide-text-muted);font-size:11px}.ide-run-button{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:4px;background:var(--ide-bg-active);color:var(--ide-text)}.ide-run-button:hover:not(:disabled){background:var(--ide-bg-hover)}.ide-run-button:disabled{opacity:.65;cursor:default}.ide-console-toggle{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;color:var(--ide-text-muted)}.ide-console-toggle:hover,.ide-icon-button:hover{color:var(--ide-text);background:var(--ide-bg-hover)}.ide-icon-button{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:var(--ide-text-muted)}.ide-runtime-notice{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--ide-border);border-radius:6px;background:var(--ide-bg-alt);color:var(--ide-text-muted);padding:10px;margin:4px}.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{border-color:rgba(248,81,73,.45);color:#f87171}.ide-console-row,.ide-problem-row{display:flex;align-items:flex-start;gap:8px;padding:4px 8px;border-bottom:1px solid var(--ide-border);color:var(--ide-text)}.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{height:4px;cursor:ns-resize;background:transparent;transition:background .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ide-text-muted)}.ide-resize-handle.dragging,.ide-resize-handle:hover{background:var(--ide-accent)}.ide-root ::-webkit-scrollbar{width:10px;height:10px}.ide-root ::-webkit-scrollbar-track{background:transparent}.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%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.ide-agent{animation:ide-slide-in-right .2s ease-out;border-left:1px solid var(--ide-border)}@media (max-width:900px){.ide-grid.sidebar-open,.ide-grid.sidebar-open.agent-open{grid-template-areas:"titlebar   titlebar   titlebar" "activity   editor     agent" "statusbar  statusbar  statusbar";grid-template-columns:48px 1fr 0}.ide-grid.agent-open{grid-template-columns:48px 1fr minmax(280px,70vw)}.ide-sidebar{display:none}.ide-titlebar-select{max-width:92px}}