:root{--bg:#0d1117;--bg-raised:#161b22;--bg-sunken:#010409;--border:#21262d;--border-strong:#30363d;--text:#c9d1d9;--text-muted:#6e7681;--accent:#238636;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--mono);font-size:13px;line-height:20px}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.editor{flex-direction:column;height:100%;display:flex}.toolbar{background:var(--bg-raised);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 12px;display:grid}.select{background:var(--bg);color:var(--text);border:1px solid var(--border-strong);font:inherit;border-radius:6px;justify-self:start;padding:6px 10px}.run-button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:6px;justify-self:center;padding:6px 16px;font-weight:600}.run-button:hover{filter:brightness(1.1)}.panels{flex:1;min-height:0;display:flex}.panel{flex-direction:column;flex:1;min-width:0;display:flex}.panel+.panel{border-left:1px solid var(--border)}.panel__header{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px}.code-input{background:var(--bg);color:var(--text);resize:none;font:inherit;white-space:pre;tab-size:2;border:none;outline:none;flex:1;padding:12px}.output{background:var(--bg-sunken);white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:12px;overflow:auto}.output--empty{color:var(--text-muted)}