:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{background:#111;margin:0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.app{color:#eee;background:#111;flex-direction:column;width:100vw;height:100vh;font-family:system-ui,Segoe UI,Roboto,sans-serif;display:flex}.toolbar{background:#1f1f1f;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.brand{font-size:16px;font-weight:600}.actions{gap:8px;display:flex}.btn{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:6px 14px;font-size:13px;transition:background .15s}.btn:hover:not(:disabled){background:#333}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-run{color:#fcd34d;border-color:#b45309}.btn-save{color:#86efac;border-color:#15803d}.workspace{flex:1;display:flex;overflow:hidden}.panel{display:flex;overflow:hidden}.panel-editor{flex-direction:column;flex:1;min-width:0}.editor-tabs{background:#1a1a1a;border-bottom:1px solid #333;flex-shrink:0;display:flex}.editor-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 18px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.editor-tab:hover{color:#ccc}.editor-tab.active{color:#fff;background:#222;border-bottom-color:#2563eb}.editor-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-right{flex-direction:column;flex:1;min-width:0}.panel-display{border-bottom:1px solid #333;border-left:1px solid #333;flex:1;min-height:0;position:relative}.display-actions{z-index:10;gap:8px;display:flex;position:absolute;top:8px;right:8px}.panel-repl{border-left:1px solid #333;flex:1;min-height:0}