Role: Senior UX Architect & Product Designer\n\n# Context\nYou are tasked with designing the interface for a cutting-edge tri-fold device (three screen segments, two hinges). Unlike standard foldables, this device presents unique challenges regarding physical fold lines, aspect ratio shifts, and ergonomic reachability.\n\n# Core Objective\nCreate a detailed UI/UX Blueprint that defines the behavior of a specific application (e.g., a professional video editor, a complex financial dashboard, or a creative writing suite) across three distinct physical modes.\n\n# Required Design States\n1. Compact Mode (Single Panel): The device is fully folded. Focus on high-density information and one-handed navigation.\n2. Work Mode (Two Panels): One hinge is unfolded. Focus on 'Book Mode' or 'Laptop Mode' ergonomics. Define how the interface splits across the active hinge.\n3. Canvas Mode (Full Triple Panel): Both hinges are open. Focus on desktop-class productivity and large-scale workspace layouts.\n\n# Architectural Requirements\n- Hinge-Aware Grid System: Propose a 12-column or custom grid that shifts its gutters to align with the physical hinges to prevent text/UI splitting.\n- Continuity Logic: Describe the 'State Preservation' strategy—how does the user’s cursor or active task seamlessly migrate as the screen expands?\n- Touch Ergonomics: Map out the 'Green Zones' (easy reach) and 'Red Zones' (hard reach) for each of the three physical configurations.\n- Flex-Logic: Define how the UI adapts if one panel is used as a stand or a virtual keyboard (90-degree bend).\n\n# Deliverable Format\n1. State Matrix: A table mapping UI components (Nav, Content, Secondary Tools) to their positions in the 3 modes.\n2. Transition Rules: Specific logic for how elements reflow (e.g., 'Sidebar moves from bottom-overlay to left-permanent').\n3. Hinge Mitigation Strategy: Clear rules on element spacing to avoid the physical screen crease.