/* ═══════════════════════════════════════
   VENUE ART PACKS — the Generate step's picture at the game's 16:9.
   The step uses the shared generator step rules in workbench-pages.css; the
   ghosted game overlay inside it is the classic Venue Gen editor's
   (.tvgen-occ-layer / .tvgen-occ in components.css), so both views show the
   same boxes.
   ═══════════════════════════════════════ */

/* The frame the overlay's % boxes are measured against: the whole screen the
   game covers with the picture. */
.wbvg-scene {
  position: relative;
  width: min(720px, 100%);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-hover);
}

.wbvg-scene img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}