v0.22.0

Showcase Overhaul

Every section now fills exactly one viewport (1920x1080) with min-height: 100vh, flexbox centering, and scroll-snap-align: start. Sections behave like slides — no more content overflow between scenes during recording.

• 3-column and 4-column grids for camera effects, voice engines, authoring, and export cards
• Compact card padding, tighter section titles, shorter descriptions
• Responsive media query scoped to the recording viewport (min-width: 1600px + max-height: 1120px)

AI Music Generation

• MusicGen WebGPU dtype changed to q4 (~450MB download vs 1.8GB fp32)
• Default duration reduced to 10 seconds for faster generation
• Chrome RAM usage dropped from ~15GB to ~3-4GB

Documentation

• CLAUDE.md: added architecture sections for freeze-frame, background music, watermark, AI music generation
• Skill: added freeze-frame, background music, watermark, AI music generation sections with config examples
• Init template: commented examples for transition, audio, and watermark config
• README: showcase demo video embedded

Full v0.21-v0.22 changelog

All features from v0.21.0 are included:

• AI music generation in preview (MusicGen + WebGPU)
• Background music mixing (loop, fade-out, amix)
• Freeze-frame holds (post array in scenes manifest)
• Watermark overlay (PNG at any corner with opacity)
• Post-export camera moves (zoompan)
• Live per-scene recording progress
• VS Code Playwright integration
• Viewport-native variants
• Audio loudnorm (EBU R128)
• Blur-fill for multi-format export