@layer reset;@layer tokens{@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-display:inter, system-ui, -apple-system, sans-serif;--font-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "DejaVu Sans Mono", ui-monospace, monospace;--color-brand:#2f8adc;--color-warn:#dd503f;--color-ink:#1a2029;--color-surface:#f7f8fb;--color-terminal-bg:#0c1015;--color-on-brand:#fcfcfc;--color-ink-dim:color-mix(in oklch, var(--color-ink) 62%, var(--color-surface));--color-edge:color-mix(in oklch, var(--color-ink) 16%, transparent);--color-raised:color-mix(in oklch, var(--color-ink) 5%, var(--color-surface));--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--radius-1:.375rem;--text-1:.875rem;--text-2:1rem;--line-tight:1.25;--line-body:1.5;--pane-min:26rem;--pane-min-block:14rem;--status-min:16rem;--duration-0:1ms;--duration-1:.16s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--color-brand:lab(55.2086% -4.94954 -50.4575);--color-warn:lab(54.2309% 55.4525 41.0688);--color-ink:lab(11.7506% -.5823 -7.27103);--color-surface:lab(97.6676% -.215054 -1.49847);--color-terminal-bg:lab(4.4036% -.266463 -3.33818);--color-on-brand:lab(98.84% .0000298023 -.0000119209)}}@media (prefers-color-scheme:dark){:root{--color-ink:#e4e8ef;--color-surface:#111419}@supports (color:lab(0% 0 0)){:root{--color-ink:lab(91.8479% -.517726 -3.73472);--color-surface:lab(6.15419% -.356875 -4.10882)}}}}}@layer base{@layer base{*,:before,:after{box-sizing:border-box}body,h1,p{margin:0}body{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-2);line-height:var(--line-body)}h1{font-family:var(--font-display);font-size:var(--text-2);line-height:var(--line-tight)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:var(--duration-0);transition-duration:var(--duration-0)}}}}@layer layout{@layer layout{.page{grid-template-rows:auto minmax(0,1fr);block-size:100dvb;display:grid}.toolbar{align-items:center;gap:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-edge);padding-block:var(--space-2);padding-inline:var(--space-3);flex-wrap:wrap;display:flex}.toolbar-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar-status{--_tone:var(--color-ink-dim);color:var(--_tone);flex:1 1 var(--status-min);font-size:var(--text-1)}.toolbar-status[data-tone=error]{--_tone:var(--color-warn)}.field{align-items:center;gap:var(--space-2);font-size:var(--text-1);display:flex}.field-label{color:var(--color-ink-dim)}.control{--_bg:var(--color-raised);--_fg:var(--color-ink);--_edge:var(--color-edge);background:var(--_bg);border:1px solid var(--_edge);border-radius:var(--radius-1);color:var(--_fg);cursor:pointer;font:inherit;font-size:var(--text-1);padding-block:var(--space-1);padding-inline:var(--space-3);transition:border-color var(--duration-1) ease;text-decoration:none}.control:hover{--_edge:var(--color-brand)}.control[data-variant=primary]{--_bg:var(--color-brand);--_fg:var(--color-on-brand);--_edge:var(--color-brand)}[data-embedded=false] .detach{display:none}.workspace{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--pane-min)), 1fr));grid-auto-rows:minmax(var(--pane-min-block), 1fr);min-block-size:0;display:grid;overflow:auto}.pane{border-inline-end:1px solid var(--color-edge);grid-template-rows:auto minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid}.pane-tab{background:var(--color-raised);border-block-end:1px solid var(--color-edge);color:var(--color-ink-dim);font-family:var(--font-mono);font-size:var(--text-1);padding-block:var(--space-1);padding-inline:var(--space-3)}.editor{min-block-size:0;overflow:hidden}.editor .cm-editor{block-size:100%;font-size:var(--text-1)}.editor .cm-scroller{font-family:var(--font-mono)}.runner{background:var(--color-terminal-bg);border:0;block-size:100%;inline-size:100%}}}@layer overrides;