.slider[data-v-10c927a3]{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.fill[data-v-10c927a3]{background:color-mix(in oklch,var(--foreground) 7%,transparent);box-shadow:inset -1.5px 0 0 color-mix(in oklch,var(--foreground) 32%,transparent);pointer-events:none;width:var(--p);position:absolute;inset:0 auto 0 0}.slider:hover .fill[data-v-10c927a3]{background:color-mix(in oklch,var(--foreground) 10%,transparent)}.val[data-v-10c927a3]{color:var(--foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;position:relative}.grid-ctl[data-v-77706969]{grid-template-columns:repeat(auto-fill,minmax(min(100%,16.5rem),1fr));gap:.375rem;display:grid}.hdr-btn[data-v-77706969]{color:var(--muted-foreground);border-radius:.45rem;align-items:center;gap:.35rem;height:1.75rem;padding:0 .6rem;font-size:.75rem;transition:background-color .15s,color .15s;display:inline-flex}.hdr-btn[data-v-77706969]:hover:not(:disabled){background:var(--muted);color:var(--foreground)}.hdr-btn[data-v-77706969]:disabled{opacity:.45}[data-v-77706969] .ctl-pill{background:color-mix(in oklch,var(--foreground) 3%,transparent);box-shadow:inset 0 0 0 1px var(--border);color:var(--muted-foreground);text-align:left;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;height:2.25rem;padding:0 .75rem;font-size:.8125rem;transition:box-shadow .15s,color .15s;display:flex;position:relative;overflow:hidden}[data-v-77706969] .ctl-pill.changed,[data-v-77706969] .ctl-pill:hover{color:var(--foreground)}[data-v-77706969] .ctl-pill:focus-visible{outline:2px solid var(--ring);outline-offset:1px}[data-v-77706969] .ctl-pill:has(:focus-visible){outline:2px solid var(--ring);outline-offset:1px}[data-v-77706969] .ctl-pill .name{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;min-width:0;display:inline-flex;position:relative;overflow:hidden}[data-v-77706969] .ctl-pill .dot{background:var(--goo);border-radius:999px;flex-shrink:0;width:5px;height:5px}.wide[data-v-77706969]{grid-column:1/-1}.track[data-v-77706969]{background:color-mix(in oklch,var(--foreground) 16%,transparent);flex-shrink:0;width:1.75rem;height:1rem;transition:background-color .16s;position:relative}.knob[data-v-77706969],.track[data-v-77706969]{border-radius:999px}.knob[data-v-77706969]{background:var(--background);height:12px;transition:transform .18s var(--ease-out-strong);width:12px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}[aria-checked=true]>.track[data-v-77706969]{background:var(--foreground)}[aria-checked=true]>.track .knob[data-v-77706969]{transform:translate(12px)}.opts[data-v-77706969]{background:color-mix(in oklch,var(--foreground) 5%,transparent);border-radius:.4rem;flex-shrink:0;gap:2px;padding:2px;display:flex}.opts button[data-v-77706969]{color:var(--muted-foreground);border-radius:.3rem;height:1.5rem;padding:0 .5rem;font-size:.75rem;transition:background-color .15s,color .15s}.opts button[data-v-77706969]:hover{color:var(--foreground)}.opts button[aria-checked=true][data-v-77706969]{background:var(--background);box-shadow:0 0 0 1px var(--border);color:var(--foreground)}.sw[data-v-77706969]{height:1rem;transition:transform .14s var(--ease-out-strong);border-radius:999px;width:1rem;box-shadow:inset 0 0 0 1px #00000026}.sw[data-v-77706969]:hover{transform:scale(1.12)}.sw[aria-checked=true][data-v-77706969]{outline:2px solid var(--foreground);outline-offset:2px}.sw.theme[data-v-77706969]{background:linear-gradient(135deg,var(--foreground) 50%,var(--background) 50%);box-shadow:inset 0 0 0 1px var(--border-strong)}@media (prefers-reduced-motion:reduce){.knob[data-v-77706969],.sw[data-v-77706969]{transition:none}}html[data-reduced-motion=true],html[data-reduced-motion=true]{transition:none}.tabs[data-v-37ace061]{gap:.25rem;display:flex}.tabs button[data-v-37ace061]{color:var(--muted-foreground);border-radius:.55rem;align-items:center;gap:.45rem;height:2.125rem;padding:0 .85rem;font-size:.8125rem;transition:background-color .15s,color .15s;display:inline-flex}.tabs button[data-v-37ace061]:hover{color:var(--foreground)}.tabs button[aria-selected=true][data-v-37ace061]{background:var(--muted);box-shadow:inset 0 0 0 1px var(--border);color:var(--foreground)}.tabs button[aria-selected=true][data-v-37ace061] svg{color:var(--goo)}.stage[data-v-37ace061]{background-image:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);background-size:18px 18px}.replay[data-v-37ace061]{background:var(--card);box-shadow:inset 0 0 0 1px var(--border);color:var(--muted-foreground);height:2rem;transition:color .15s ease,background-color .15s ease,transform .14s var(--ease-out-strong);z-index:2;border-radius:.5rem;place-items:center;width:2rem;display:grid;position:absolute;top:.75rem;right:.75rem}.replay[data-v-37ace061]:hover{background:var(--muted);color:var(--foreground)}.replay[data-v-37ace061]:active{transform:scale(.94)}.code-panel[data-v-37ace061] .code-frame{margin:0}.code-panel[data-v-37ace061] pre{min-height:10rem}@media (prefers-reduced-motion:reduce){.replay[data-v-37ace061]:active{transform:none}}