.code.svelte-1fjdv3{border-radius:var(--radius);background:var(--bg-sunk);box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}.tabs.svelte-1fjdv3{scrollbar-width:none;border-bottom:1px solid var(--hair);gap:2px;padding:6px;display:flex;overflow-x:auto}.tabs.svelte-1fjdv3::-webkit-scrollbar{display:none}.tabs.svelte-1fjdv3 button:where(.svelte-1fjdv3){min-height:36px;color:var(--fg-2);cursor:pointer;transition:background-color var(--dur-hover) ease, color var(--dur-hover) ease;background:0 0;border:0;border-radius:9px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;font-weight:520;display:inline-flex}.tabs.svelte-1fjdv3 button[aria-selected=true]:where(.svelte-1fjdv3){background:var(--bg-raised);color:var(--fg);box-shadow:inset 0 0 0 1px var(--hair)}.tabs.svelte-1fjdv3 .n:where(.svelte-1fjdv3){color:var(--fg-3);font-size:9.5px}@media (hover:hover) and (pointer:fine){.tabs.svelte-1fjdv3 button:where(.svelte-1fjdv3):hover{color:var(--fg)}}.bar.svelte-1fjdv3{color:var(--fg-3);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 0 16px;display:flex}.bar.svelte-1fjdv3 .mono:where(.svelte-1fjdv3){font-size:10px}.copy.svelte-1fjdv3{background:var(--bg-raised);min-height:32px;color:var(--fg);cursor:pointer;box-shadow:inset 0 0 0 1px var(--hair);transition:transform var(--dur-press) var(--ease-out);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:540;display:inline-flex}.copy.svelte-1fjdv3:active{transform:scale(.96)}.ico.svelte-1fjdv3{width:14px;height:14px;position:relative}.ico.svelte-1fjdv3 svg:where(.svelte-1fjdv3){fill:none;stroke:currentColor;stroke-width:1.4px;transition:opacity var(--dur-hover) ease, scale var(--dur-hover) var(--ease-out);position:absolute;inset:0}.ico.svelte-1fjdv3 .b:where(.svelte-1fjdv3),.ico.done.svelte-1fjdv3 .a:where(.svelte-1fjdv3){opacity:0;scale:.6}.ico.done.svelte-1fjdv3 .b:where(.svelte-1fjdv3){opacity:1;stroke:var(--accent);scale:1}.src.svelte-1fjdv3{max-height:440px;position:relative;overflow:hidden}.src.open.svelte-1fjdv3,.src.short.svelte-1fjdv3{max-height:none}.src.svelte-1fjdv3:not(.open):not(.short):after{content:"";background:linear-gradient(transparent, var(--bg-sunk));pointer-events:none;height:90px;position:absolute;bottom:0;left:0;right:0}pre.svelte-1fjdv3{font-family:var(--mono);tab-size:2;color:var(--fg);margin:0;padding:12px 16px 18px;font-size:12.5px;line-height:1.6;overflow-x:auto}pre.svelte-1fjdv3 .c{color:var(--fg-3)}pre.svelte-1fjdv3 .s{color:var(--accent-text)}.more.svelte-1fjdv3{border:0;border-top:1px solid var(--hair);width:100%;min-height:40px;color:var(--fg-2);cursor:pointer;background:0 0;font-size:10.5px;display:block}.lock.svelte-1fjdv3{min-height:260px;display:grid;position:relative}.ghost.svelte-1fjdv3{opacity:.5;align-content:start;gap:12px;padding:22px 18px;display:grid}.ghost.svelte-1fjdv3 span:where(.svelte-1fjdv3){width:var(--w);background:var(--hair-strong);border-radius:999px;height:9px;display:block}.lock-copy.svelte-1fjdv3{background:linear-gradient(90deg, var(--bg-sunk) 30%, color-mix(in oklab, var(--bg-sunk) 70%, transparent));align-content:center;justify-items:start;gap:12px;padding:24px clamp(18px,4vw,40px);display:grid;position:absolute;inset:0}.eyebrow.svelte-1fjdv3{color:var(--accent-text);align-items:center;gap:6px;margin:0;display:inline-flex}.eyebrow.svelte-1fjdv3 svg:where(.svelte-1fjdv3){fill:none;stroke:currentColor;stroke-width:1.3px}.line.svelte-1fjdv3{max-width:46ch;color:var(--fg);margin:0;font-size:16px;line-height:1.45}.terms.svelte-1fjdv3{color:var(--fg-3);margin:0;font-size:13px;line-height:1.4}.demo.svelte-21udtx{gap:16px;display:grid}@media (width>=1100px){.demo.svelte-21udtx{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.stage.svelte-21udtx{aspect-ratio:16/10;border-radius:var(--radius);background:var(--bg-sunk);box-shadow:var(--shadow), inset 0 0 0 1px var(--hair);isolation:isolate;position:relative;overflow:hidden}@media (width<=700px){.stage.svelte-21udtx{aspect-ratio:4/5}}.stage.svelte-21udtx .poster,.blank.svelte-21udtx,iframe.svelte-21udtx{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}iframe.svelte-21udtx{opacity:0;transition:opacity var(--dur-media) ease}.ready.svelte-21udtx iframe:where(.svelte-21udtx){opacity:1}.veil.svelte-21udtx{text-align:center;background:color-mix(in oklab, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(6px);place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.veil.svelte-21udtx p:where(.svelte-21udtx){max-width:32ch;color:var(--fg);margin:0;font-size:15px}.loading.svelte-21udtx{background:var(--glass);color:var(--fg);border-radius:999px;padding:7px 12px;font-size:10px;position:absolute;top:50%;left:50%;translate:-50% -50%}.badge.svelte-21udtx{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);pointer-events:none;background:#0a0a0a9e;border-radius:999px;padding:5px 9px;font-size:9.5px;position:absolute;top:10px;right:10px}.ready.svelte-21udtx .badge:where(.svelte-21udtx){background:var(--accent-fill);color:var(--accent-ink)}.fps.svelte-21udtx{opacity:.75}.controls.svelte-21udtx{border-radius:var(--radius);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--hair);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px 20px;padding:18px;display:grid}@media (width>=1100px){.controls.svelte-21udtx{top:calc(var(--nav-offset) + 16px);grid-template-columns:1fr;position:sticky}}.control.svelte-21udtx{gap:8px;min-width:0;display:grid}.control.svelte-21udtx label:where(.svelte-21udtx),.label.svelte-21udtx{color:var(--fg-2);justify-content:space-between;gap:8px;font-size:13px;font-weight:520;display:flex}output.svelte-21udtx{color:var(--fg);text-transform:none;font-size:11px}.control.svelte-21udtx small:where(.svelte-21udtx){color:var(--fg-3);font-size:12px;line-height:1.4}input[type=range].svelte-21udtx{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:24px;margin:0}input[type=range].svelte-21udtx::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill), var(--hair-strong) var(--fill));border-radius:999px;height:4px}input[type=range].svelte-21udtx::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--fill), var(--hair-strong) var(--fill));border-radius:999px;height:4px}input[type=range].svelte-21udtx::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);width:18px;height:18px;transition:transform var(--dur-press) var(--ease-out);border:0;border-radius:999px;margin-top:-7px;box-shadow:0 1px 3px #00000059}input[type=range].svelte-21udtx::-moz-range-thumb{background:var(--fg);width:18px;height:18px;transition:transform var(--dur-press) var(--ease-out);border:0;border-radius:999px;box-shadow:0 1px 3px #00000059}input[type=range].svelte-21udtx:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range].svelte-21udtx:active::-moz-range-thumb{transform:scale(1.15)}.seg.svelte-21udtx{background:var(--bg);box-shadow:inset 0 0 0 1px var(--hair);border-radius:12px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.seg.svelte-21udtx button:where(.svelte-21udtx){min-height:34px;color:var(--fg-2);cursor:pointer;transition:background-color var(--dur-hover) ease, color var(--dur-hover) ease, transform var(--dur-press) var(--ease-out);background:0 0;border:0;border-radius:9px;flex:auto;padding:0 10px;font-size:13px;font-weight:520}.seg.svelte-21udtx button:where(.svelte-21udtx):active{transform:scale(.96)}.seg.svelte-21udtx button[aria-checked=true]:where(.svelte-21udtx){background:var(--fg);color:var(--bg)}@media (hover:hover) and (pointer:fine){.seg.svelte-21udtx button:where(.svelte-21udtx):not([aria-checked=true]):hover{color:var(--fg)}}.toggle.svelte-21udtx{cursor:pointer;align-items:center}.toggle.svelte-21udtx input:where(.svelte-21udtx){appearance:none;background:var(--hair-strong);cursor:pointer;width:40px;height:24px;transition:background-color var(--dur-hover) ease;border-radius:999px;flex:none;margin:0;position:relative}.toggle.svelte-21udtx input:where(.svelte-21udtx):after{content:"";width:18px;height:18px;transition:translate var(--dur-ui) var(--ease-out);background:#fff;border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.toggle.svelte-21udtx input:where(.svelte-21udtx):checked{background:var(--accent-fill)}.toggle.svelte-21udtx input:where(.svelte-21udtx):checked:after{translate:16px}.actions.svelte-21udtx{align-items:center;gap:14px;display:flex}.actions.svelte-21udtx .pill:where(.svelte-21udtx){min-height:38px}.actions.svelte-21udtx .pill:where(.svelte-21udtx):disabled{opacity:.5}.linkish.svelte-21udtx{color:var(--fg-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:10.5px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.loading.svelte-21udtx{animation:none}}.strip.svelte-1dd31km{border-radius:var(--radius);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--hair);padding:18px 18px 14px;overflow-x:clip}.plot.svelte-1dd31km{height:calc(46px + var(--rows) * 16px);margin:0 8px;position:relative}.axis.svelte-1dd31km{background:var(--hair-strong);height:1px;position:absolute;bottom:22px;left:0;right:0}.tick.svelte-1dd31km{color:var(--fg-3);text-transform:none;font-size:9.5px;position:absolute;bottom:0;translate:-50%}.median.svelte-1dd31km{background:repeating-linear-gradient(var(--fg-3) 0 3px, transparent 3px 6px);width:1px;position:absolute;top:0;bottom:22px}.median.svelte-1dd31km span:where(.svelte-1dd31km){white-space:nowrap;color:var(--fg-3);text-transform:none;font-size:9.5px;position:absolute;top:-2px;left:6px}.now.svelte-1dd31km{background:var(--fg);width:2px;height:10px;transition:left var(--dur-ui) var(--ease-out);border-radius:2px;position:absolute;bottom:18px;translate:-50%}.dot.svelte-1dd31km{bottom:calc(26px + var(--row) * 16px);cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:absolute;translate:-50% 50%}.dot.svelte-1dd31km:before{content:"";background:var(--accent);box-shadow:0 0 0 2px var(--bg-raised);transition:transform var(--dur-press) var(--ease-out);border-radius:999px;position:absolute;inset:7px}.dot.svelte-1dd31km:active:before{transform:scale(.85)}.dot.anon.svelte-1dd31km:before{background:var(--bg-raised);box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 0 2px var(--bg-raised)}.dot.on.svelte-1dd31km:before{background:var(--fg);transform:scale(1.3)}.tip.svelte-1dd31km{background:var(--fg);color:var(--bg);text-transform:none;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-hover) ease, translate var(--dur-hover) var(--ease-out);z-index:3;border-radius:8px;padding:5px 8px;font-size:10px;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50% 4px}.start.svelte-1dd31km .tip:where(.svelte-1dd31km){left:0;translate:0 4px}.end.svelte-1dd31km .tip:where(.svelte-1dd31km){left:auto;right:0;translate:0 4px}.start.svelte-1dd31km:focus-visible .tip:where(.svelte-1dd31km),.start.on.svelte-1dd31km .tip:where(.svelte-1dd31km),.end.svelte-1dd31km:focus-visible .tip:where(.svelte-1dd31km),.end.on.svelte-1dd31km .tip:where(.svelte-1dd31km){translate:0}.tip.svelte-1dd31km b:where(.svelte-1dd31km){font-weight:600}.dot.svelte-1dd31km:focus-visible .tip:where(.svelte-1dd31km),.dot.on.svelte-1dd31km .tip:where(.svelte-1dd31km){opacity:1;translate:-50%}@media (hover:hover) and (pointer:fine){.dot.svelte-1dd31km:hover .tip:where(.svelte-1dd31km){opacity:1;translate:-50%}.start.svelte-1dd31km:hover .tip:where(.svelte-1dd31km),.end.svelte-1dd31km:hover .tip:where(.svelte-1dd31km){translate:0}.dot.svelte-1dd31km:hover:before{transform:scale(1.25)}}.legend.svelte-1dd31km{color:var(--fg-2);margin:12px 0 0;font-size:13.5px;line-height:1.45}.pro.svelte-1dd31km{color:var(--accent-text);text-underline-offset:3px;margin-left:6px}.touch.svelte-1dd31km{color:var(--fg-3);text-transform:none;margin:8px 0 0;font-size:10px;line-height:1.6}.technique.svelte-12xbv21{max-width:var(--max);padding:0 var(--pad);margin:0 auto}.crumbs.svelte-12xbv21{padding:20px 0 0}.crumbs.svelte-12xbv21 a:where(.svelte-12xbv21){min-height:var(--control);color:var(--fg);align-items:center;text-decoration:none;display:inline-flex}.banner.svelte-12xbv21{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;margin:16px 0 0;padding:6px 12px;display:inline-block}.head.svelte-12xbv21{align-items:center;gap:var(--space-4) var(--space-5);padding:var(--space-5) 0;flex-wrap:wrap;display:flex}.head.svelte-12xbv21 h1:where(.svelte-12xbv21){flex:100%}@media (width>=700px){.head.svelte-12xbv21 h1:where(.svelte-12xbv21){flex-basis:auto}}.eyebrow.svelte-12xbv21{color:var(--fg-3);margin:0 0 14px}h1.svelte-12xbv21{letter-spacing:-.055em;text-wrap:balance;max-width:28ch;margin:0 0 0 -.04em;font-size:clamp(32px,4vw,56px);font-weight:680;line-height:.9}.result.svelte-12xbv21{max-width:44ch;color:var(--fg-2);letter-spacing:-.01em;text-wrap:pretty;margin:16px 0 28px;font-size:clamp(17px,1.7vw,21px);line-height:1.45}.credit.svelte-12xbv21{color:var(--fg-3);margin:14px 0 0;font-size:14px}.credit.svelte-12xbv21 a:where(.svelte-12xbv21){color:var(--fg);text-underline-offset:3px}.pack-wrap.svelte-12xbv21 .pack{margin-top:0}.stage.svelte-12xbv21{margin-bottom:16px}.block.svelte-12xbv21{margin:0 0 clamp(56px,9vw,112px)}.block-head.svelte-12xbv21{gap:12px;margin-bottom:24px;display:grid}@media (width>=900px){.block-head.svelte-12xbv21{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;column-gap:48px}}.block-head.svelte-12xbv21 h2:where(.svelte-12xbv21){letter-spacing:-.05em;margin:0;font-size:clamp(34px,5vw,64px);font-weight:660;line-height:.95}.block-head.svelte-12xbv21 h2:where(.svelte-12xbv21) em:where(.svelte-12xbv21){font-family:var(--serif);letter-spacing:-.02em;color:var(--accent);font-style:italic;font-weight:400}.block-head.svelte-12xbv21 p:where(.svelte-12xbv21){max-width:60ch;color:var(--fg-2);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.block-head.svelte-12xbv21 p:where(.svelte-12xbv21) code,.steps.svelte-12xbv21 code,.note.svelte-12xbv21 code{font-family:var(--mono);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--hair);border-radius:5px;padding:1px 5px;font-size:.86em}.steps.svelte-12xbv21{counter-reset:step;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps.svelte-12xbv21 li:where(.svelte-12xbv21){border-radius:var(--radius);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--hair);padding:18px 18px 20px}.steps.svelte-12xbv21 .idx:where(.svelte-12xbv21){color:var(--accent-text)}.steps.svelte-12xbv21 h3:where(.svelte-12xbv21){letter-spacing:-.015em;margin:10px 0 0;font-size:17px;font-weight:620;line-height:1.25}.steps.svelte-12xbv21 p:where(.svelte-12xbv21){color:var(--fg-2);margin:8px 0 0;font-size:14.5px;line-height:1.55}.notes.svelte-12xbv21{gap:14px;display:grid}@media (width>=900px){.notes.svelte-12xbv21{grid-template-columns:1fr 1fr}}.note.svelte-12xbv21{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--hair);padding:20px}.note.svelte-12xbv21 h2:where(.svelte-12xbv21){color:var(--fg-3);margin:0 0 10px;font-size:10px;font-weight:500}.note.svelte-12xbv21 p:where(.svelte-12xbv21){color:var(--fg-2);margin:0;font-size:15px;line-height:1.6}.frames.svelte-12xbv21{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.frames.svelte-12xbv21 a:where(.svelte-12xbv21){color:var(--fg-2);gap:8px;text-decoration:none;display:grid}.frames.svelte-12xbv21 img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--hair)}.frames.svelte-12xbv21 span:where(.svelte-12xbv21){text-transform:none;font-size:10px}.fine.svelte-12xbv21{color:var(--fg-3);margin:12px 0 0;font-size:13px}.grid.svelte-12xbv21{grid-template-columns:minmax(0,1fr);gap:36px;display:grid}@media (width>=640px){.grid.svelte-12xbv21{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 20px}}@media (width>=1040px){.grid.svelte-12xbv21{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 24px}}.all.svelte-12xbv21{margin-top:32px}.sites.svelte-12xbv21{margin-top:40px}.technique.svelte-12xbv21 .mono{text-transform:none;letter-spacing:0}