._root_18pkp_1{display:block;width:calc(var(--canvas-w, 800px) * var(--preview-zoom, 1));height:calc(var(--canvas-h, 600px) * var(--preview-zoom, 1));position:relative;background:var(--bg-code)}._preview_18pkp_9{width:var(--canvas-w, 100%);height:var(--canvas-h, 100%);border:0;zoom:var(--preview-zoom, 1);background:var(--bg-code)}:root{--f-sans: "Space Grotesk", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--leading-tight: 1.2;--leading-normal: 1.6;--leading-relaxed: 1.7;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--s-11: 96px;--s-12: 128px;--r-1: 4px;--r-2: 6px;--r-3: 10px;--r-4: 14px;--r-5: 20px;--r-pill: 999px;--radius-control: var(--r-2);--radius-card: var(--r-4);--radius-panel: var(--r-4);--radius-inline: var(--r-1);--shadow-sm: 0 1px 0 rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 12px 40px -12px rgba(0, 0, 0, .6), 0 2px 8px -2px rgba(0, 0, 0, .3);--shadow-card: var(--shadow-md);--color-accent: oklch(85% .17 142);--color-accent-contrast: oklch(18% .04 142);--color-accent-soft: oklch(85% .17 142 / .14);--color-accent-border: oklch(85% .17 142 / .32);--focus-ring: var(--color-accent-border);--focus-ring-shadow: color-mix(in oklab, var(--color-accent-border), transparent 35%);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border);--shadow-1: var(--shadow-sm);--shadow-2: var(--shadow-md);--transition-fast: .16s cubic-bezier(.2, .6, .2, 1)}html[data-theme=dark]{--color-bg: oklch(17% .012 245);--color-surface: oklch(20.5% .013 245);--color-surface-2: oklch(23.5% .014 245);--color-panel: var(--color-surface-2);--color-input: oklch(20% .012 245);--color-card: var(--color-surface);--color-code-bg: oklch(15% .012 245);--color-inline-code-bg: color-mix(in oklab, var(--color-surface), transparent 12%);--color-border: oklch(30% .014 245);--color-border-soft: oklch(26% .013 245);--color-text: oklch(95% .005 245);--color-text-muted: oklch(75% .012 245);--color-text-faint: oklch(68% .012 245);--grid-dot: oklch(40% .014 245 / .45);--grid-line: oklch(30% .014 245 / .6);--bg-canvas: var(--color-bg);--bg-elevated: var(--color-surface);--bg-panel: var(--color-panel);--bg-input: var(--color-input);--bg-code: var(--color-code-bg);--line: var(--color-border);--line-soft: var(--color-border-soft);--fg: var(--color-text);--fg-muted: var(--color-text-muted);--fg-faint: var(--color-text-faint)}html[data-theme=light]{--color-bg: oklch(98.5% .005 95);--color-surface: oklch(100% 0 0);--color-surface-2: oklch(96.5% .008 95);--color-panel: var(--color-surface-2);--color-input: oklch(100% 0 0);--color-card: var(--color-surface);--color-code-bg: oklch(20% .012 245);--color-inline-code-bg: color-mix(in oklab, var(--color-surface-2), transparent 15%);--color-border: oklch(88% .008 95);--color-border-soft: oklch(92% .006 95);--color-text: oklch(20% .012 245);--color-text-muted: oklch(40% .012 245);--color-text-faint: oklch(45% .012 245);--grid-dot: oklch(75% .012 245 / .7);--grid-line: oklch(85% .01 245 / .7);--color-accent: oklch(54% .18 142);--color-accent-contrast: oklch(99% .01 142);--color-accent-soft: oklch(54% .18 142 / .1);--color-accent-border: oklch(54% .18 142 / .3);--bg-canvas: var(--color-bg);--bg-elevated: var(--color-surface);--bg-panel: var(--color-panel);--bg-input: var(--color-input);--bg-code: var(--color-code-bg);--line: var(--color-border);--line-soft: var(--color-border-soft);--fg: var(--color-text);--fg-muted: var(--color-text-muted);--fg-faint: var(--color-text-faint);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}html[data-accent=lime][data-theme=dark]{--color-accent: oklch(85% .17 142);--color-accent-contrast: oklch(18% .04 142);--color-accent-soft: oklch(85% .17 142 / .14);--color-accent-border: oklch(85% .17 142 / .32);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}html[data-accent=lime][data-theme=light]{--color-accent: oklch(54% .18 142);--color-accent-contrast: oklch(99% .01 142);--color-accent-soft: oklch(54% .18 142 / .1);--color-accent-border: oklch(54% .18 142 / .3);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}html[data-accent=ember][data-theme=dark]{--color-accent: oklch(78% .16 45);--color-accent-contrast: oklch(18% .04 45);--color-accent-soft: oklch(78% .16 45 / .14);--color-accent-border: oklch(78% .16 45 / .32);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}html[data-accent=ember][data-theme=light]{--color-accent: oklch(56% .18 45);--color-accent-contrast: oklch(99% .01 45);--color-accent-soft: oklch(56% .18 45 / .1);--color-accent-border: oklch(56% .18 45 / .3);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}html[data-accent=violet][data-theme=dark]{--color-accent: oklch(78% .17 290);--color-accent-contrast: oklch(18% .04 290);--color-accent-soft: oklch(78% .17 290 / .14);--color-accent-border: oklch(78% .17 290 / .32);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}html[data-accent=violet][data-theme=light]{--color-accent: oklch(52% .2 290);--color-accent-contrast: oklch(99% .01 290);--color-accent-soft: oklch(52% .2 290 / .1);--color-accent-border: oklch(52% .2 290 / .3);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}html[data-accent=sky][data-theme=dark]{--color-accent: oklch(80% .13 230);--color-accent-contrast: oklch(18% .04 230);--color-accent-soft: oklch(80% .13 230 / .14);--color-accent-border: oklch(80% .13 230 / .32);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}html[data-accent=sky][data-theme=light]{--color-accent: oklch(54% .16 230);--color-accent-contrast: oklch(99% .01 230);--color-accent-soft: oklch(54% .16 230 / .1);--color-accent-border: oklch(54% .16 230 / .3);--accent: var(--color-accent);--accent-fg: var(--color-accent-contrast);--accent-soft: var(--color-accent-soft);--accent-line: var(--color-accent-border)}@keyframes _dash-loading_1s39m_1{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes _spin_1s39m_241{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._indicator_1s39m_228{width:100px;height:100px;position:relative;display:inline-block}._centered_1s39m_235{position:absolute;inset:0;margin:auto}._spinner_1s39m_241{width:100px;height:100px;animation:_spin_1s39m_241 3s linear infinite;position:relative}._path_1s39m_248{animation:_dash-loading_1s39m_1 1.5s ease-in-out infinite;fill:#0000;stroke:#7af5a8;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-width:6;stroke-miterlimit:20;stroke-linecap:round}