/* Mobile media previews: keep the complete source frame visible in template cards. */
@media (max-width: 1023px) {
  #root img[src*="/presets/"],
  #root img[src*="/poses/"],
  #root video[src*="/videos/"] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center center !important;
    background-color: #09090f;
  }
}

@media (max-width: 1023px) and (hover: none) and (pointer: coarse) {
  #root img[src*="/presets/"],
  #root img[src*="/poses/"],
  #root video[src*="/videos/"] {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #root img[src*="/presets/"],
  #root img[src*="/poses/"],
  #root video[src*="/videos/"] {
    transition-duration: 0.01ms !important;
  }
}