/* Reset wrapper cleanup (Elementor) */
.elementor .elementor-widget-container:has(.vo2-wrap),
.elementor .elementor-column:has(.vo2-wrap),
.elementor .elementor-section:has(.vo2-wrap){
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.vo2-wrap{ width: min(var(--vo-w, 900px), 100%); margin: 0 auto; }
.vo2-frame{ position: relative; background: transparent !important; }
.vo2-frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background:#000; }

/* Desktop: adjustable aspect (default 120%) */
@media (min-width: 768px){
  .vo2-frame::before{ content:""; display:block; padding-top: var(--vo-desk-pt, 120%); }
}

/* Mobile: safe 4:3 with room for emulator UI below the canvas */
@media (max-width: 767.98px){
  .vo2-frame::before{ content:""; display:block; padding-top: var(--vo-mob-pt, 133%); } /* 4:3 */
  /* add small cushion for internal toolbar overlap if any */
  .vo2-wrap{ padding-bottom: 8px; }
}

.vo2-toolbar{ display:flex; gap:.5rem; justify-content:center; margin:.5rem 0 0; }
.vo2-toolbar button{
  padding:.5rem .75rem; border:1px solid #ddd; border-radius:6px;
  background:#fff; cursor:pointer; font:inherit;
}