You're a designer making a poster for a one-night jazz event: 'Midnight Sessions — Live at the Blue Room, Saturday Nov 15, 9pm.' Design a single, striking event poster as a self-contained HTML page in portrait/poster proportions: bold display typography, a strong hierarchy (headliner, venue, date and time, a ticket line), and a rich background image that sets the mood.
This test uses real image generation. For the poster's background/hero art, output this exact tag where the image should go and the harness will replace it with a real image:
<!-- IMG-GEN prompt="moody atmospheric jazz club, deep blues and warm stage light, ..." size="1024x1536" -->
NOTE TO THE VIEWER: to run this prompt yourself, you'll need to paste in your own OpenAI API key for the image generation step.
Everything else — type, layout, framing, grain/overlay — in HTML/CSS. Make it look like a poster you'd actually stop and look at. Return only the HTML.
…