Headings & Titles Lexend Black (900), used for titles and major landmarks. Title Heading 1 Title Heading 2 Title Heading 3 Body Text & Quotes Lexend regular/medium for readable text. Body Large: Primary descriptive lead text for tools and hero sections. Body Normal: Default paragraph and instruction text. Subtle / Caption: Used for file details, timestamps, and metadata. A highlighted quote or key takeaway block. Spacing Tokens Standardized spacing scales across components. 2.1 File Uploader (Guardrails & Dynamic Fallbacks) Drag-and-drop or one-tap paste with size validation and format filtering. Card Mode (With 50MB limit & MP4 filter) Floating Mode (Inside a Parent Card, Paste Only) 2.2 Hero Input Components (URL, Prompt & CTA Modes) Primary Actions Process File Launch Task Disabled State Secondary & Tertiary Reset Parameters Add Layer Documentation Status Actions Checkboxes Radio Selection 5.1 Pill Tabs (Non-Destructive Scrolling + Icons) 5.2 Dropdown Menus (Standardized Variants & Viewport Clamping) 5.3 Two-Pane Split Workspace (<source-split split="60">) Side-by-side interactive tool layout with responsive auto-stacking on mobile. Model Inspector Controls Capture View Snapshot Polymorphic result cards auto-centering via smart, auto-hydrating via history, and paginating via page-rows="2". Inject File Clear History Hierarchy Tree (Auto Icons) Selectable Tree Picker (Minimal No-Icons) Action List (Icons) 8.1 Indeterminate Progress 8.2 Determinate Progress 8.3 High-Energy Bouncing Dots 8.4 Alerts, Tooltips & Modals Tap For Info Open Dialog Rich Toast Simple Toast