Architecture

Production serves exactly six runtime files, with image assets beside rather than inside the JavaScript/CSS manifest: index.html, studio.css, studio.js, engine.js, project-history.js, and asset-cache.js. The fixed order aligns release stamping, checksums, import cache busting, and deployment copies. (README.md:5-16, SVG-Animator-BIBLE.md:82-93)

The architecture separates four durable concerns:

• Runtime and data flow
• Project model and rendering
• Persistence, history, and recovery
• Audio sidecar

studio.js orchestrates UI behavior, engine.js owns project truth and rendering, project-history.js owns immutable revisions, and asset-cache.js owns bounded binary caching. The Python sidecar is an optional capability edge, never project-model ownership. (docs/ARCHITECTURE.md:5-11)