:root{--bg-main: #0d1117;--bg-surface: #161b22;--bg-surface-hover: #21262d;--border-color: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent: #58a6ff;--accent-hover: #79c0ff;--run-bg: #238636;--run-hover: #2ea043;--run-text: #ffffff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);height:52px}.header-left{display:flex;align-items:center;gap:1rem}.logo{font-family:var(--font-mono);font-weight:600;font-size:1.1rem;background:linear-gradient(135deg,var(--accent),#bc8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.app-header h1{font-size:1rem;font-weight:500;color:var(--text-primary)}.run-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--run-bg);color:var(--run-text);border:1px solid rgba(240,246,252,.1);padding:.35rem 1rem;border-radius:6px;font-family:var(--font-sans);font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 0 transparent,0 0 transparent,0 1px #1b1f231a}.run-btn:hover{background-color:var(--run-hover)}.run-btn:active{transform:scale(.98)}.run-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background-color:var(--bg-surface-hover);color:var(--text-secondary);border-color:var(--border-color)}.icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.workbench-layout{display:flex;flex:1;height:calc(100vh - 52px);overflow:hidden}.pane{display:flex;flex-direction:column;height:100%;min-width:200px}#editor-pane{flex:1;width:50%}#output-pane{flex:1;background-color:#010409}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--text-secondary);height:36px}#resizer{width:4px;background-color:var(--border-color);cursor:col-resize;transition:background-color .2s ease;z-index:10}#resizer:hover,#resizer.active{background-color:var(--accent)}#editor-container{flex:1;overflow:auto;font-family:var(--font-mono);font-size:14px;outline:none;background-color:var(--bg-main)}.cm-editor{height:100%}.cm-scroller{font-family:var(--font-mono)!important}.cm-editor{background-color:var(--bg-main)!important;color:var(--text-primary)!important;caret-color:var(--accent)!important}.cm-gutters{background-color:var(--bg-surface)!important;color:var(--text-secondary)!important;border-right:1px solid var(--border-color)!important}.cm-activeLine{background-color:#ffffff0d!important}.cm-activeLineGutter{background-color:#ffffff1a!important}#output-container{flex:1;overflow-y:auto;padding:1rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;color:var(--text-primary)}.output-line{margin-bottom:4px;word-wrap:break-word;white-space:pre-wrap;padding:.2rem 0;border-radius:4px}.output-line.stdout{color:#c9d1d9}.output-line.stderr{color:#ff7b72}.output-line.system{color:var(--text-secondary);font-style:italic}