@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-main:#1e1e1e;--bg-darker:#181818;--border:#333;--text:#e0e0e0;--text-muted:#aaa;--accent:#0078d4;--success:#28a745;--danger:#ff6b6b;--input-bg:transparent}.light{--bg-main:#fff;--bg-darker:#f3f3f3;--border:#e0e0e0;--text:#333;--text-muted:#666;--input-bg:#fafafa}body,html,#root{background:var(--bg-main);width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}.app-container{background:var(--bg-main);color:var(--text);flex-direction:column;transition:background .2s,color .2s;display:flex;position:fixed;inset:0}.header{background:var(--bg-darker);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:55px;padding:0 15px;display:flex}.logo{align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;display:flex}.logo-icon{color:var(--success)}.controls{align-items:center;gap:12px;display:flex}.theme-btn{padding:4px 8px;font-size:1.1rem}.zoom-controls{gap:1px;display:flex}.zoom-controls button{background:var(--bg-main);color:var(--text);border:1px solid var(--border);cursor:pointer;padding:4px 10px;font-size:.8rem}.zoom-controls button:first-child{border-radius:4px 0 0 4px}.zoom-controls button:last-child{border-radius:0 4px 4px 0}.lang-select{background:var(--bg-main);color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none;padding:6px 12px;font-size:.85rem}.run-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 20px;font-size:.8rem;font-weight:700;transition:opacity .2s}.run-btn:hover{opacity:.9}.run-btn:disabled{cursor:wait;background:#777}.workspace{flex:1;height:100%;display:flex;overflow:hidden}.editor-panel{border-right:1px solid var(--border);flex-direction:column;flex:2;min-width:0;display:flex}.panel-header-row,.panel-header{background:var(--bg-darker);border-bottom:1px solid var(--border);height:35px;color:var(--text-muted);text-transform:uppercase;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 15px;font-size:.75rem;font-weight:700;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem}.icon-btn:hover{background:var(--border);color:var(--text)}.io-panel{background:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex}.io-section{flex-direction:column;flex:1;min-height:0;display:flex}.input-section{border-bottom:1px solid var(--border)}.custom-input,.output-terminal{background:var(--input-bg);color:var(--text);resize:none;border:none;outline:none;flex:1;width:100%;padding:15px;font-family:JetBrains Mono,monospace;font-size:.9rem}.output-terminal.error{color:var(--danger)}.metrics{background:var(--bg-main);border:1px solid var(--border);border-radius:4px;gap:12px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.metric-success{color:var(--success);font-weight:700}.metric-error{color:var(--danger);font-weight:700}.editor-actions{gap:10px;display:flex}