Modern web app UI layout mockup for a visual prompt compiler, dark mode theme wi...

Modern web app UI layout mockup for a visual prompt compiler, dark mode theme with sleek slate gray and deep obsidian panels. Functional SaaS design emphasizing a premium, clean vertical pipeline interface with a high signal-to-noise ratio. The layout is structured into three distinct zones: 1. LEFT PANEL (Asset Drawer): A clean library featuring polished, a one-click visual preset cards two column grid which provide the intent for the prompt (e.g., 'YouTube Thumbnail', 'Portrait Master', 'T-Shirt Design'). 2. CENTER WORKSPACE (Scene Construction Pipeline): A vertical four step top-to-bottom sequence of flat card blocks with thumbnails, now distinctly categorized into three visual groupings with subtle headers: 'Scene', 'Cinematography', and 'Style'. The first card is conversationally named 'Creative Direction'. Cards feature the selected concept, interactive inline suggestion chips, and 'Relationship Intelligence' notes (e.g., "Suggested because your environment contains strong sunset lighting"). At the bottom sits a 'Creative Freedom' slider and an 'Avoid' tag input block. Perhaps a Subject panel also which could be paired in the top step. 3. RIGHT PANEL (Traceability & Compiled Output): Features a compiled prompt text block with semantic syntax highlighting. Visualizes a real-time 'Semantic Traceability' hover interaction: a cursor hovers over a highlighted phrase in the text, causing the corresponding vertical stage card in the center pipeline to brilliantly pulse and glow. A large Generate Image button below that. Minimalist sans-serif typography, flat UI design, distinct bright accent colors (neon blue, teal, purple) used for active states and semantic color-coding, highly spacious layout, professional creative software aesthetic.