Video Showreel Generator in Single HTML File

Build a complete, functional video showreel generator in a single HTML file using HTML, CSS, and JavaScript. WHAT IT DOES A system that generates a complete video showreel from a brief. You describe your style and message, and it produces a storyboard, script, visual sequence, and audio direction, all organized for production. CORE FEATURES 1. Project Brief - Define: Project name, Video length, Tone (Professional, Casual, Dramatic, Educational), Target audience, Key message, Style references - Save and edit briefs - Template briefs: Product launch, Portfolio, Promo, Educational, Social ad 2. Storyboard Generator - Auto-generate a visual storyboard: scenes, descriptions, visual notes, timing - Each scene shows: Shot type (Wide, Medium, Close-up), Visual description, Text overlay, Duration - Edit or regenerate scenes - Upload reference images for each scene (optional) - Export storyboard as an image or document 3. Script Generator - Auto-generate a video script from the brief: Hook, Body, Key points, Call to action - Options: Short (15s), Medium (30s), Long (60s+) - Adjust tone: Professional, Casual, Dramatic, Humorous - Voiceover options: Male, Female, Neutral - Edit script manually - Export script as plain text 4. Visual Sequence - Auto-generate a visual plan: Scene descriptions, Suggested visuals (stock photos/videos), Color palette, Graphic overlays - Placeholder images shown for each scene - Notes on transitions and effects - Customize each scene's visuals 5. Audio Direction - Auto-suggest: Music mood, Sound effects, Voiceover style - Music: Choose mood (Upbeat, Cinematic, Relaxed, Dramatic) - Volume balance: Voiceover vs Music levels - Export audio direction notes 6. Production Checklist - Auto-generate: Needed assets, Setup requirements, Crew/roles, Timeline - Customize checklist items - Mark items as complete - Export checklist 7. Final Output - Compile all elements: Brief, Storyboard, Script, Visual plan, Audio direction, Checklist - Export as a single document or report - Shareable link or download - Preview mode: see the showreel outline as it will appear 8. Customization - Light mode / Dark mode toggle - Customize primary color 9. Data Persistence - All data saved to localStorage - Export project as JSON - Import project from JSON TECHNICAL REQUIREMENTS - Single HTML file with embedded CSS and JavaScript - Responsive: works on desktop and tablet - Clean, modern, creative-app aesthetic - No external dependencies (use vanilla JS) Build a polished, functional video showreel generator that someone would actually want to use to plan their video production.