body[data-starters]{flex-direction:column;height:100dvh;margin:0;display:flex;overflow:hidden}header[data-bar]{gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--line);background:color-mix(in oklch, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}header[data-bar] a.back{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;text-decoration:none}header[data-bar] a.back:hover{color:var(--ink)}nav[data-tabs]{gap:var(--space-xs);flex-wrap:wrap;display:flex}nav[data-tabs] button{font:inherit;font-size:var(--text-xs);color:var(--muted);border:1px solid var(--line);cursor:pointer;transition:color var(--snap), border-color var(--snap), background var(--snap);background:0 0;border-radius:999px;padding:.35em .85em}nav[data-tabs] button:hover{color:var(--ink);border-color:var(--ink)}nav[data-tabs] button[aria-current=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}main[data-split]{flex-direction:column;flex:1;min-height:0;display:flex}section[data-preview]{background:var(--wash);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}section[data-preview] div[data-stage]{flex:1;min-width:0;min-height:0;position:relative}section[data-preview] canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}section[data-preview] p[data-caption]{padding:var(--space-sm) var(--space-md);border-block-start:1px solid var(--line);background:var(--paper);font-size:var(--text-xs);flex-direction:column;gap:.15rem;margin:0;display:flex}aside[data-source]>header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--line);font-family:var(--font-mono);font-size:var(--text-xs);display:flex}aside[data-source]>header button[data-copy]{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:.25em .7em}aside[data-source]>header button[data-copy]:hover{color:var(--ink);border-color:var(--ink)}aside[data-source] pre{tab-size:2;background:0 0;border:none;border-radius:0;flex:1;min-height:0;margin:0;font-size:.78rem;overflow:auto}[data-code] i{font-style:normal}[data-code] i[data-t=c]{color:color-mix(in oklch, var(--muted) 80%, transparent)}[data-code] i[data-t=s]{color:var(--lightningcss-light,#0a7b52)var(--lightningcss-dark,#6fd7a3)}[data-code] i[data-t=k]{color:var(--accent)}[data-code] i[data-t=n]{color:var(--lightningcss-light,#9a5300)var(--lightningcss-dark,#ffb570)}@media (prefers-reduced-motion:reduce){nav[data-tabs] button{transition:none}}