:root{--bg: #0d1117;--panel: #161b22;--panel-2: #1c222b;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #7c9cff;--ok: #3fb950;--panic: #f85149;--compile: #d29922;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:4px;font-size:18px;font-weight:600;letter-spacing:.2px}.docs-link{color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;padding:4px 10px;margin-right:8px;border:1px solid var(--border);border-radius:6px;transition:color .15s ease,border-color .15s ease}.docs-link:hover{color:var(--text);border-color:var(--accent)}@media(prefers-reduced-motion:reduce){.docs-link{transition:none}}.brand .logo{color:var(--accent);margin-right:4px}.brand .sub{color:var(--muted);font-weight:400;font-size:14px}.actions{display:flex;gap:8px;align-items:center}.btn,.examples{font:inherit;font-size:14px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:7px 12px;cursor:pointer}.btn:hover,.examples:hover{border-color:var(--accent)}.btn.run{background:var(--accent);color:#0d1117;border-color:var(--accent);font-weight:600}.btn.run:disabled{opacity:.55;cursor:default}.btn.ghost{background:transparent}.statusline{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:13px;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--border)}.statusline .hint{margin-left:auto;font-size:12px;opacity:.7}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.booting{background:var(--compile);animation:pulse 1s infinite}.dot.ready{background:var(--ok)}.dot.error{background:var(--panic)}@keyframes pulse{50%{opacity:.35}}.panes{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}.editor-pane,.output-pane{min-height:0;min-width:0;display:flex;flex-direction:column}.editor-pane{border-right:1px solid var(--border)}.editor-pane .cm-editor{height:100%}.tabs{display:flex;align-items:center;gap:2px;background:var(--panel);border-bottom:1px solid var(--border);padding:0 8px}.tab{font:inherit;font-size:13px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:10px 12px;cursor:pointer}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.badge{margin-left:auto;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px}.badge.ok{background:#3fb95026;color:var(--ok)}.badge.panic{background:#f8514926;color:var(--panic)}.badge.compile{background:#d2992226;color:var(--compile)}.tab-body{flex:1;min-height:0;overflow:auto;background:var(--bg)}.output{margin:0;padding:14px 16px;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.stderr{color:var(--panic)}.placeholder{color:var(--muted);padding:14px 16px}.notice{margin:12px 16px;padding:10px 12px;border-radius:6px;border:1px solid var(--compile);background:#d299221a;color:var(--text);font-size:13px}@media(max-width:760px){.panes{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.editor-pane{border-right:none;border-bottom:1px solid var(--border)}}