:root{--bg: #0f172a;--panel: #111827;--panel-2: #1e293b;--border: #283548;--text: #e2e8f0;--muted: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5;--ok: #22c55e;--bad: #ef4444;--out: #d1fae5;--err: #fecaca}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:8px}.brand__mark{font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--accent);color:#fff;padding:3px 8px;border-radius:8px;font-weight:700}.brand__name{font-weight:700;font-size:18px}.brand__sub{color:var(--muted);font-size:13px;letter-spacing:1px}.toolbar__controls{display:flex;align-items:center;gap:12px}.lang-picker{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.lang-picker select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:14px}.btn{border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;background:var(--panel-2);color:var(--text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost:hover:not(:disabled){border-color:var(--accent)}.btn--run{background:var(--accent);border-color:var(--accent);color:#fff}.btn--run:hover:not(:disabled){background:var(--accent-hover)}.workspace{flex:1;display:grid;grid-template-columns:1.6fr 1fr;min-height:0}.editor-pane{border-right:1px solid var(--border);min-width:0;overflow:hidden}.editor-pane .cm-editor{height:100%;font-size:14px}.editor-pane .cm-scroller{font-family:ui-monospace,SF Mono,Menlo,monospace}.console-pane{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.console-block{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.console-block--grow{flex:1}.console-title{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.stdin{width:100%;height:70px;resize:vertical;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.output{flex:1;overflow:auto;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px}.output--muted{color:var(--muted)}.output--error{color:var(--err)}.status-badge{display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:12px;padding:4px 10px;border-radius:999px;margin-bottom:10px}.status-badge--ok{background:#22c55e26;color:var(--ok)}.status-badge--bad{background:#ef444426;color:var(--bad)}.status-meta{font-weight:500;opacity:.85}.stream{margin:0 0 8px;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SF Mono,Menlo,monospace}.stream--out{color:var(--out)}.stream--err{color:var(--err)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--muted);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.workspace{grid-template-columns:1fr;grid-template-rows:1.4fr 1fr}.editor-pane{border-right:none;border-bottom:1px solid var(--border)}}