Use the reference image for overall inspiration only. Design a modern, premium S...

Use the reference image for overall inspiration only. Design a modern, premium SaaS web application UI for a visual prompt compiler in dark mode. The interface uses deep obsidian backgrounds, slate gray surfaces, subtle glass accents, and a clean flat design language with refined shadows. Prioritize exceptional visual hierarchy, generous spacing, minimalist sans-serif typography, and a high signal-to-noise ratio. The overall experience should feel like professional creative software rather than a dashboard. The application is organized into three primary vertical regions: ### Left Panel — Asset Library A polished asset drawer containing a curated collection of one-click visual preset cards displayed in a clean two-column grid. Each preset represents creative intent rather than prompt text, with examples such as **YouTube Thumbnail**, **Portrait Master**, **Product Photography**, **Fantasy Character**, **T-Shirt Design**, and **Cinematic Poster**. Cards feature elegant thumbnails, subtle hover states, and modern accent colors while remaining visually lightweight. ### Center Panel — Scene Construction Pipeline The primary workspace is a vertical six-stage pipeline composed of clean flat cards, each with a unique thumbnail representing its function. The stages are grouped beneath subtle section headers: * **Creative Direction** * Scene * Subject * **Cinematography** * Camera * Lighting * **Style** * Rendering * Final Look Each stage displays the currently selected concept using suggestion chips, dropdown selectors, or visual pills rather than text input fields. Selecting a stage highlights it with a premium animated glow. Every stage also includes contextual "Relationship Intelligence" recommendations explaining why suggestions are being made, for example: *"Suggested because your environment contains strong sunset lighting."* The currently selected stage is **Subject**. At the bottom of the pipeline is a large **Creative Freedom** slider allowing the user to balance precision versus creativity. ### Right Panel — Subject Properties Instead of primarily displaying the compiled prompt, the right panel functions as a dedicated property inspector for the currently selected pipeline stage. At the top is a clean wireframe 3D mannequin preview facing forward. The mannequin is intentionally neutral, displaying only body proportions and pose without clothing, hair, accessories, or stylistic details. It exists solely for positioning, proportions, and composition, matching the intended pose of the generated image. Directly beneath the preview is a structured list of editable subject attributes presented as modern dropdowns, segmented controls, chips, and sliders. Include properties such as: * Height * Build * Age * Gender * Body Type * Pose * Camera Facing Direction * Head Rotation * Facial Expression * Eye Direction * Hand Position * Weight Distribution * Character Scale * Distance From Camera * Silhouette * Physical Features Changing any attribute immediately causes the corresponding **Subject** stage in the center pipeline to subtly pulse and glow, clearly indicating the relationship between the inspector and the pipeline. Near the top-right of the panel is a segmented toggle allowing users to switch between: * **Subject Properties** (default) * **Compiled Prompt** Selecting **Compiled Prompt** replaces the inspector with the fully assembled text prompt generated from the pipeline. A large, visually prominent **Generate Image** button anchors the bottom of the right panel. Use distinct semantic accent colors for active states and stage categories, choosing either a refined cool palette (cyan, blue, violet) or a sophisticated warm palette (amber, coral, magenta). Every interface element should have a single clear purpose, creating a spacious, premium, highly intuitive creative workflow that feels like the next generation of AI image creation software.