AI video editor
Design a modern, premium, AI-powered web-based video editor UI similar to Canva and CapCut. The design must look production-ready, clean, minimal, and scalable for SaaS. Style: Dark theme primary (#0F0F14 background) Glassmorphism panels Subtle shadows Soft neon blue and purple accents Rounded corners (16px–24px) Smooth spacing and modern typography (Inter or SF Pro style) Clean, professional, startup-level polish Layout Structure: Top Navigation Bar: Left: App logo (modern minimal icon + name “VibeStudio”) Center: Project name editable Right: Undo / Redo Auto-save indicator Export button (primary gradient button) Profile avatar dropdown Left Sidebar (Vertical Toolbar): Icons with labels: Templates Media Text Elements Transitions Effects Audio AI Tools Brand Kit Each section should open a scrollable panel with search bar and filter tabs. Main Canvas Area (Center): Large 16:9 video preview Play / Pause Timeline scrubber under preview Zoom controls Resolution dropdown Safe margin overlay toggle Drag and drop support UI Right Properties Panel: Dynamic settings panel: If video selected: Position (X/Y) Scale Rotation Opacity slider Blend mode dropdown Border radius Shadow controls If text selected: Font family dropdown Size slider Weight Color picker Letter spacing Animation dropdown Bottom Timeline Section: Multi-layer timeline Tracks: Video Text Audio Effects Clip blocks with thumbnails Drag to resize Split tool Snap indicator Playhead indicator Time ruler Zoom timeline slider AI Tools Panel: Modern AI features section: Auto subtitles Background remover Text to video Script to reel Auto beat sync Smart resize (9:16, 1:1, 16:9) AI highlight generator Export Modal: Format (MP4, MOV) Resolution (720p, 1080p, 4K) Frame rate Quality slider Estimated file size Export progress animation UX Requirements: Fully responsive Smooth hover effects Animated panel transitions Drag and drop states Professional SaaS dashboard quality Not cluttered Clear visual hierarchy Make it look like a $50M startup product.