:root{color-scheme:dark;--bg: #07070a;--surface: #0c0d11;--surface-2: #12131a;--border: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .2);--text: #eeece6;--muted: #8d919c;--dim: #666a75;--accent: #fbc802;--accent-hover: #ffd83c;--ink: #07070a;--err: #ff7a70;--ok: #7fd8c6;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text)}#app{display:flex;flex-direction:column;min-height:100%}.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1rem 1.25rem .5rem;border-bottom:1px solid var(--border);background:var(--surface)}.home{margin:0 0 .35rem;font-size:.8rem}.home a{color:var(--dim);text-decoration:none}.home a:hover{color:inherit;text-decoration:underline}.top h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.tagline{margin:.25rem 0 0;color:var(--muted);font-family:var(--mono);font-size:.75rem}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem}.field{display:flex;flex-direction:column;gap:.3rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.field select{min-width:10rem;padding:.4rem .5rem;border:1px solid var(--border-2);border-radius:0;background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.82rem;letter-spacing:0;text-transform:none}.field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field.checkbox{flex-direction:row;align-items:center;gap:.4rem;padding-bottom:.4rem;color:var(--muted);letter-spacing:.04em}.field.checkbox input{accent-color:var(--accent)}.field.checkbox[hidden],button[hidden]{display:none}button{padding:.45rem .9rem;border:1px solid var(--border-2);border-radius:0;background:transparent;color:var(--text);cursor:pointer;font-family:inherit;font-size:.85rem;transition:border-color .18s,color .18s,background .18s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:650}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--ink)}button:disabled{opacity:.55;cursor:wait}.example-desc{margin:0;padding:.4rem 1.25rem;font-size:.82rem;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--border)}.panes{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:0}@media(max-width:900px){.panes{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.pane:last-child{border-right:none}.pane h2{margin:0;padding:.6rem 1rem;font-family:var(--mono);font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border-bottom:1px solid var(--border);background:var(--surface)}#source-editor,#output-editor{flex:1;min-height:200px;overflow:hidden}.status{font-weight:400;text-transform:none;letter-spacing:.02em;color:var(--muted)}.status[data-kind=ok]{color:var(--ok)}.status[data-kind=err]{color:var(--err)}.status[data-kind=busy]{color:var(--muted)}.foot{padding:.6rem 1.25rem;font-size:.78rem;color:var(--dim);background:var(--surface);border-top:1px solid var(--border)}.foot a{color:var(--accent);text-underline-offset:3px}.cm-editor.cm-focused{outline:none}#source-editor,#output-editor{background:var(--surface)}