The previous version had the OFFLINE state and the embedded recommendation as floating text on the banner background, with no visible panel boundary. The Twitch reference has them as distinct dark gray panels with rounded corners and a border. Wrap each side in a real panel: - Left (OFFLINE state): bg-black/50 with border, rounded-xl, p-4. Holds the OFFLINE badge, the 'they recommend' message, and the streamer avatar/handle footer. - Right (recommendation): same panel style. Holds the embedded player (now flex-1 within the panel, so it fills the available height) and the streamer's avatar/handle footer at the bottom. Use items-stretch + flex-1 inside the player wrapper so the video fills the panel vertically while maintaining its 16:9 aspect ratio via the Player's internal sizing.