.format-switch.svelte-1fqv537{display:flex;gap:8px;flex-wrap:wrap}.format-switch.svelte-1fqv537 .active:where(.svelte-1fqv537){background:var(--ink);color:var(--surface)}.format-switch.svelte-1fqv537 button:where(.svelte-1fqv537){min-height:44px}.paused.svelte-1fqv537 .m{animation-play-state:paused!important;animation-delay:-1s!important}.motion-page.svelte-1fqv537{padding-bottom:96px}.hero.svelte-1fqv537{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(28px,6vw,96px);align-items:end;padding:clamp(44px,7vw,88px) 0 clamp(32px,5vw,56px)}.hero-copy.svelte-1fqv537{display:grid;gap:16px}.hero.svelte-1fqv537 .display:where(.svelte-1fqv537){color:var(--accent-ink)}.workbench.svelte-1fqv537{position:sticky;top:var(--nav-h);z-index:20;border-block:1px solid var(--line);background:#f4f2ecf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workbench-inner.svelte-1fqv537{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px 24px;padding:14px 0}.arm-switch.svelte-1fqv537{display:inline-flex;padding:4px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}.arm-switch.svelte-1fqv537 button:where(.svelte-1fqv537){display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:0 16px;border:0;border-radius:7px;background:transparent;color:var(--ink-2);font-size:14px;font-weight:700;cursor:pointer;transition:background-color .12s ease,color .12s ease}.arm-switch.svelte-1fqv537 button:where(.svelte-1fqv537) span:where(.svelte-1fqv537){font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.arm-switch.svelte-1fqv537 button.active:where(.svelte-1fqv537){background:var(--ink);color:#fff}.arm-switch.svelte-1fqv537 button.active:where(.svelte-1fqv537) span:where(.svelte-1fqv537){color:var(--accent)}.controls.svelte-1fqv537{display:flex;flex-wrap:wrap;align-items:end;gap:12px 16px}.controls.svelte-1fqv537 .field:where(.svelte-1fqv537){min-width:132px}.title-input.svelte-1fqv537{min-width:220px}.theme-select.svelte-1fqv537{min-width:190px}.palette.svelte-1fqv537{margin:0;padding:0;border:0}.swatches.svelte-1fqv537{display:flex;height:42px;padding:4px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);gap:4px}.swatch.svelte-1fqv537{position:relative;width:30px;border-radius:4px;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000014;cursor:pointer}.swatch-bg.svelte-1fqv537{margin-left:4px;outline:1px dashed var(--line-strong);outline-offset:2px}.swatch.svelte-1fqv537 input:where(.svelte-1fqv537){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.replay.svelte-1fqv537{min-height:42px}.library.svelte-1fqv537{padding-top:clamp(40px,6vw,72px)}.section-heading.svelte-1fqv537{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:24px}.section-heading.svelte-1fqv537 .eyebrow:where(.svelte-1fqv537){margin-bottom:10px}.meta.svelte-1fqv537{color:var(--muted);font-size:13px;font-weight:600}.meta.svelte-1fqv537 a:where(.svelte-1fqv537){color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong)}.meta.svelte-1fqv537 a:where(.svelte-1fqv537):hover{color:var(--accent-ink);border-color:var(--accent)}.category-tabs.svelte-1fqv537{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}.tab-count.svelte-1fqv537{margin-left:auto;color:var(--muted);font-size:12.5px;font-weight:600}.grid.svelte-1fqv537{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.preset-card.svelte-1fqv537{overflow:hidden}.stage.svelte-1fqv537{aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--line);perspective:1000px}.stage.svelte-1fqv537 svg{display:block;width:100%;height:100%}.card-copy.svelte-1fqv537{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px 20px 20px}.index.svelte-1fqv537{padding-top:4px;color:var(--accent-ink);font-size:12px;font-weight:700;letter-spacing:.04em}.copy-body.svelte-1fqv537{display:grid;gap:6px;min-width:0}.card-title.svelte-1fqv537{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.card-title.svelte-1fqv537 h3:where(.svelte-1fqv537){font-size:19px;font-weight:700;letter-spacing:-.02em}.description.svelte-1fqv537{color:var(--ink-2);font-size:14.5px;line-height:1.5}.media-fit.svelte-1fqv537{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media(max-width:1050px){.hero.svelte-1fqv537{grid-template-columns:1fr;align-items:start}.workbench.svelte-1fqv537{position:static}.grid.svelte-1fqv537{grid-template-columns:1fr}}@media(max-width:640px){.arm-switch.svelte-1fqv537{width:100%}.arm-switch.svelte-1fqv537 button:where(.svelte-1fqv537){flex:1;justify-content:center;gap:8px;padding:0 8px;font-size:13px;white-space:nowrap}.controls.svelte-1fqv537{width:100%}.controls.svelte-1fqv537 .field:where(.svelte-1fqv537),.title-input.svelte-1fqv537,.theme-select.svelte-1fqv537{flex:1 1 140px;min-width:0}.replay.svelte-1fqv537{width:100%}.card-copy.svelte-1fqv537{grid-template-columns:28px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.stage.svelte-1fqv537 .m{animation:none!important}}