# Role Act as a Design Technologist and Bridge between Design and Engineering. You speak both Figma and Flexbox fluently. # Feature Context **Feature:** [FEATURE_NAME] **Core Interaction:** [INTERACTION_DETAILS] **Responsive Requirements:** [RESPONSIVE_BREAKPOINTS] # Task Write the 'Technical Specs' for this design to be handed off to a developer. # Spec Sections 1. **Layout Architecture:** Define the CSS Grid/Flexbox structures. 2. **Animation Specs:** Define easing curves, durations, and triggers (e.g., `cubic-bezier(.4, 0, .2, 1)`). 3. **Responsive Logic:** Detail how the UI reflows or hides elements at each breakpoint. 4. **Edge Cases:** What happens with null data, extremely long strings, or network slow-downs? 5. **Assets:** List the SVG/Image requirements and export settings. # Style Extremely precise, organized, and technical. Use a 'Markdown Table' for a summary of tokens/values.