.demo-page.svelte-1du1zi4{background-color:var(--bg-secondary);min-height:90vh;padding:128px 0 96px;position:relative;overflow:hidden}.bg-glow.svelte-1du1zi4{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 25%,#0b6a5812 0%,#fff0 72%);width:100vw;height:90vh;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.container.svelte-1du1zi4{z-index:1;position:relative}.head.svelte-1du1zi4{text-align:center;max-width:800px;margin:0 auto 34px}.head.svelte-1du1zi4 h1:where(.svelte-1du1zi4){letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(2.1rem,4.4vw,3.2rem)}.tagline.svelte-1du1zi4{color:var(--text-secondary);font-size:1.05rem;line-height:1.75}.switch.svelte-1du1zi4{border-radius:var(--border-radius-full);background:var(--bg-primary);border:1px solid var(--border-color);justify-content:center;gap:6px;width:max-content;margin:0 auto 30px;padding:6px;display:flex}.sw.svelte-1du1zi4{border-radius:var(--border-radius-full);color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;padding:10px 22px;font-size:.94rem;font-weight:600}.sw.on.svelte-1du1zi4{background:var(--accent-primary);color:#fff}.stage.svelte-1du1zi4{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:36px;display:grid}.player.svelte-1du1zi4{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 2px 4px #11161a0d,0 26px 56px -22px #11161a3d}.frame-bar.svelte-1du1zi4{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:7px;padding:9px 14px;display:flex}.frame-bar.svelte-1du1zi4 .dot:where(.svelte-1du1zi4){background:var(--border-color);border-radius:50%;width:9px;height:9px}.frame-url.svelte-1du1zi4{color:var(--text-muted);margin-left:10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;font-weight:600}.video-element.svelte-1du1zi4{background:#0e1113;width:100%;height:auto;display:block}.beats.svelte-1du1zi4 h2:where(.svelte-1du1zi4){margin-bottom:16px;font-size:1.15rem}.beats.svelte-1du1zi4 ol:where(.svelte-1du1zi4){flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.beats.svelte-1du1zi4 li:where(.svelte-1du1zi4){gap:14px;display:flex}.beats.svelte-1du1zi4 .t:where(.svelte-1du1zi4){color:var(--accent-primary);flex:none;min-width:38px;padding-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;font-weight:700}.beats.svelte-1du1zi4 h3:where(.svelte-1du1zi4){margin-bottom:4px;font-size:.98rem}.beats.svelte-1du1zi4 p:where(.svelte-1du1zi4){color:var(--text-secondary);font-size:.9rem;line-height:1.65}.lede.svelte-1du1zi4{color:var(--text-secondary);margin-bottom:18px;line-height:1.7}.ticks.svelte-1du1zi4{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.ticks.svelte-1du1zi4 li:where(.svelte-1du1zi4){color:var(--text-secondary);padding-left:24px;font-size:.92rem;line-height:1.6;position:relative}.ticks.svelte-1du1zi4 li:where(.svelte-1du1zi4):before{content:"";background:var(--accent-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:2px}.note.svelte-1du1zi4{border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:18px;padding-top:16px;font-size:.85rem;line-height:1.6}.cta.svelte-1du1zi4{text-align:center;margin-top:72px}.cta.svelte-1du1zi4 h2:where(.svelte-1du1zi4){margin-bottom:10px;font-size:clamp(1.35rem,2.6vw,1.9rem)}.cta.svelte-1du1zi4 p:where(.svelte-1du1zi4){color:var(--text-secondary);margin-bottom:24px}.cta-row.svelte-1du1zi4{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (width<=940px){.stage.svelte-1du1zi4{grid-template-columns:1fr}.demo-page.svelte-1du1zi4{padding-top:104px}}