Build a YouTube Creator Toolkit with Lovable

Create a polished web app called Creator Forge for YouTube content creators. Use a premium dark studio aesthetic with charcoal surfaces, crisp white type, restrained YouTube-red accents, subtle gradients, elegant shadows, and responsive layouts. Keep this project browser-only and local-first, and keep it credit-conscious. Do not add authentication, user accounts, a database, subscriptions, paid services, external APIs, or AI API keys. All generators must use useful local template logic, and saved data must use browser localStorage. One small client-side library such as JSZip is allowed for building a ZIP file entirely in the browser. Build a dashboard with a desktop sidebar and mobile drawer. Include: - Thumbnail Studio: a 1280×720 live canvas-style preview, background image upload, headline and subheadline controls, alignment, font size and weight, text and accent colors, overlay strength, attractive layout presets, safe-area guides, reset, and PNG download. - Keyless YouTube source: accept a normal YouTube watch URL, youtu.be URL, Shorts URL, or bare 11-character video ID. Parse it locally in the browser. Derive the public YouTube thumbnail, prefer maxresdefault.jpg with a graceful hqdefault.jpg fallback, and show a privacy-enhanced youtube-nocookie.com embed. Do not claim to fetch titles, tags, descriptions, channel information, or analytics without an API. - In Thumbnail Studio, provide “Thumbnail image” and “Video preview” modes. Render the same headline, subheadline, overlay, alignment, layout, and safe-area guides visually over the public thumbnail and over the embedded video. Keep the player usable. Explain that PNG download uses the static public thumbnail plus the design overlay because a cross-origin iframe cannot be captured to canvas. Keep local image upload as another source. - Hashtag Generator: inputs for topic, niche, audience, and tone; generate a balanced mix of broad, niche, and specific hashtags; remove duplicates; show count; allow selecting and copying tags. - Title Lab: generate title variations using how-to, list, curiosity, result, mistake, comparison, beginner, speed, authority, contrarian, question, and transformation patterns; include tone and length controls, copy, shuffle, and favorite actions. - Description Builder: create a formatted YouTube description from the project topic with an opening hook, summary, key points, customizable links and call-to-action, and copy button. - Hooks & Ideas: generate opening hooks plus related next-video ideas from the current topic. - Saved Drafts: save, reopen, rename, and delete project drafts using localStorage. Store the entered YouTube URL or video ID with the draft, but do not store uploaded image files. - Export YouTube Upload Pack: add an accessible export action on the dashboard, Thumbnail Studio, and Saved Drafts, including per-draft export. Generate one ZIP entirely in the browser with no backend or cloud upload. The ZIP must contain exactly thumbnail.png, title.txt, description.txt, hashtags.txt, hooks-and-ideas.txt, and project-backup.json. The thumbnail must be the current 1280×720 design; title.txt should use a favorite title when available or a sensible generated fallback; description.txt should contain the assembled description; hashtags.txt should use selected tags or the generated set; hooks-and-ideas.txt should have readable section headings; and project-backup.json should be human-readable and include the current project settings without embedding a local image data URL. Sanitize the topic for the ZIP filename and end it with -youtube-upload-pack.zip. Show progress, success, and friendly validation for missing topics, unavailable thumbnails, canvas failures, ZIP failures, and older saved projects. Keep individual PNG download and copy buttons working. Create a simple guided workflow: Topic → Title → Thumbnail → Description → Hashtags. Add a “Load sample project” action and a discoverable “Start from a YouTube video” entry point. Add a clearly labeled sample video action for testing. Explain in the interface that generation is local template logic, not AI, and that drafts stay only in this browser. Use realistic starter content and helpful validation, loading, fallback, and empty states. Make every button functional; do not leave placeholder sections.