:root{--sidebar-bg:#fff;--sidebar-border:#e6e8eb;--topbar-bg:#fff;--topbar-border:#e6e8eb;--editor-bg:#fff;--editor-gutter-bg:#f6f7f8;--output-bg:#f7f8f9;--panel-divider:#e6e8eb;--text-primary:#2b2f36;--text-muted:#7a828e;--accent-blue:#2f6fed;--accent-blue-hover:#2559c9;--btn-outline-border:#d7dbe0;--btn-outline-bg:#fff;--btn-outline-hover:#f2f4f6;--icon-inactive:#aeb4bd;--icon-active-bg:#eef3ff;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-code:"Fira Code","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body.dark{--sidebar-bg:#1e2126;--sidebar-border:#2b2f36;--topbar-bg:#1e2126;--topbar-border:#2b2f36;--editor-bg:#16181c;--editor-gutter-bg:#1c1f24;--output-bg:#16181c;--panel-divider:#2b2f36;--text-primary:#e8eaed;--text-muted:#9aa0a8;--btn-outline-border:#3a3f47;--btn-outline-bg:#24272c;--btn-outline-hover:#2c3036;--icon-inactive:#6b7078;--icon-active-bg:#2a2f3a}*{box-sizing:border-box}body,html{background:#fff;background:var(--sidebar-bg);color:#2b2f36;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-ui);height:100%;margin:0;padding:0}.app-shell{display:flex;height:100vh;overflow:hidden;width:100vw}.sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e6e8eb;border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;gap:6px;padding:14px 0;width:56px}.sidebar,.sidebar a{align-items:center;display:flex}.sidebar a{border-radius:10px;color:#aeb4bd;color:var(--icon-inactive);font-size:20px;height:40px;justify-content:center;text-decoration:none;transition:background .15s ease,color .15s ease;width:40px}.sidebar a:hover{background:#f2f4f6;background:var(--btn-outline-hover);color:#2b2f36;color:var(--text-primary)}.sidebar a.active{background:#eef3ff;background:var(--icon-active-bg);color:#2f6fed;color:var(--accent-blue)}.sidebar a.active.python{color:#3776ab}.sidebar a.active.javascript{color:#d7b43a}.sidebar a.active.java{color:#e76f00}.sidebar a.active.cpp{color:#00599c}.main-col{display:flex;flex:1 1;flex-direction:column;min-width:0}.topbar{background:#fff;background:var(--topbar-bg);border-bottom:1px solid #e6e8eb;border-bottom:1px solid var(--topbar-border);flex-shrink:0;gap:10px;height:52px;padding:0 14px}.filename-tab,.topbar{align-items:center;display:flex}.filename-tab{background:#f2f4f6;background:var(--btn-outline-hover);border-radius:6px;color:#2b2f36;color:var(--text-primary);font-size:14px;font-weight:600;gap:8px;padding:6px 12px}.topbar-spacer{flex:1 1}.icon-btn{align-items:center;background:#fff;background:var(--btn-outline-bg);border:1px solid #d7dbe0;border:1px solid var(--btn-outline-border);border-radius:8px;color:#7a828e;color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;transition:background .15s ease;width:34px}.icon-btn:hover{background:#f2f4f6;background:var(--btn-outline-hover)}.btn{align-items:center;background:#fff;background:var(--btn-outline-bg);border:1px solid #d7dbe0;border:1px solid var(--btn-outline-border);border-radius:8px;color:#2b2f36;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;height:34px;padding:0 16px;transition:background .15s ease}.btn:hover{background:#f2f4f6;background:var(--btn-outline-hover)}.btn-run{background:#2f6fed;background:var(--accent-blue);border-color:#2f6fed;border-color:var(--accent-blue);color:#fff}.btn-run:hover{background:#2559c9;background:var(--accent-blue-hover)}.btn-run:disabled{cursor:not-allowed;opacity:.6}.body-split{display:flex;flex:1 1;min-height:0}.editor-pane{border-right:1px solid #e6e8eb;border-right:1px solid var(--panel-divider);display:flex;flex:1.15 1;flex-direction:column;min-width:0}.output-pane{background:#f7f8f9;background:var(--output-bg);display:flex;flex:1 1;flex-direction:column;min-width:0}.pane-header{align-items:center;border-bottom:1px solid #e6e8eb;border-bottom:1px solid var(--panel-divider);color:#2b2f36;color:var(--text-primary);display:flex;flex-shrink:0;font-size:13px;font-weight:700;gap:8px;height:42px;padding:0 14px}.pane-header .spacer{flex:1 1}.pane-header .status-pill{border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;text-transform:uppercase}.status-pill.idle{background:#f2f4f6;background:var(--btn-outline-hover);color:#7a828e;color:var(--text-muted)}.status-pill.running{background:#fff4d6;color:#a56c00}.status-pill.success{background:#e2f6e8;color:#1a7d3d}.status-pill.error{background:#fde3e3;color:#c0342c}.btn-clear{font-size:12px;height:28px;padding:0 12px}.CodeMirror{background:#fff!important;background:var(--editor-bg)!important;color:#2b2f36!important;color:var(--text-primary)!important;flex:1 1;font-family:Fira Code,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-family:var(--font-code)!important;font-size:14.5px!important;height:100%!important;line-height:1.55!important}.CodeMirror-gutters{background:#f6f7f8!important;background:var(--editor-gutter-bg)!important;border-right:1px solid #e6e8eb!important;border-right:1px solid var(--panel-divider)!important}.CodeMirror-linenumber{color:#7a828e!important;color:var(--text-muted)!important}.CodeMirror-cursor{border-left:2px solid #2f6fed!important;border-left:2px solid var(--accent-blue)!important}.output-body{flex:1 1;font-family:Fira Code,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-code);font-size:13.5px;line-height:1.6;overflow-y:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.output-body.empty{color:#7a828e;color:var(--text-muted);font-style:italic}.output-body .stderr-line{color:#d1453b}.output-body .meta-line{color:#7a828e;color:var(--text-muted);display:block;font-size:12px;margin-bottom:8px}.loading-dots:after{animation:dots 1.2s steps(4) infinite;content:""}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (max-width:860px){.body-split{flex-direction:column}.editor-pane{border-bottom:1px solid #e6e8eb;border-bottom:1px solid var(--panel-divider);border-right:none;flex:1 1}.output-pane{flex:1 1}.sidebar{width:44px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a8d99b9a.css.map*/