Multi-Panel Emotional State Grid

Grid layout with thin white gaps between panels and a subtle outer white border around the entire composition. Clean, modern UI aesthetic with slight rounded corners on every tile. Panel 1: {argument name="emotion one" default="Joyful (Yellow)"}. Warm yellow gradient. Arms raised overhead. Eyes shut. Wide open laugh. High-energy pose. Panel 2: {argument name="emotion two" default="Shocked (Blue)"}. Blue gradient. Both hands cupping cheeks. Eyes wide open. Mouth agape. Eyebrows arched high. Panel 3: {argument name="emotion three" default="Stern (Red)"}. Solid red background. Arms folded. Brows furrowed. Lips pressed tight. Dark hoodie. Panel 4: Affectionate (Pink). Soft pink gradient. Cradling a small brown dog. Gentle smile. Cozy knit sweater. Panel 5: Confident (Purple). Purple gradient. One hand resting on hip. Slight smirk. Graphic tee. Easy, relaxed stance. Panel 6: Approving (Green). Green gradient. Baseball cap and denim jacket. Thumbs up. Relaxed smile. Panel 7: Melancholy (Gray). Gray gradient. Eyes angled slightly downward. Inner brows slightly raised. Lips gently curved down.