.demo-video-stage { height: 100%; overflow: hidden; touch-action: pan-x; overscroll-behavior-y: contain; }
.demo-video-stage > .demo-video-track { display: flex; flex-direction: column; height: 100%; transition: none; will-change: transform; }
.demo-video-track > ._1YoiFW_player_wrapper { flex: 0 0 100%; width: 100%; height: 100%; min-height: 0; }
.demo-video-track > :not(._1YoiFW_player_wrapper) { display: none; }
.demo-video-track video { width: 100%; height: 100%; object-fit: contain; transform: none !important; }
.demo-video-track .demo-is-playing ._1YoiFW_posterContainer,
.demo-video-track .demo-is-playing ._1YoiFW_playIcon { display: none; }
.demo-video-track ._1YoiFW_playIcon { pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .demo-video-stage > .demo-video-track { transition: none !important; } }

.demo-video-track > ._1YoiFW_player_wrapper { position: relative; }
.demo-video-unavailable { position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); z-index: 4; padding: 6px 12px; border-radius: 6px; background: #000b; color: #fff; font-size: 14px; pointer-events: none; }

/* Keep captions and actions above the fixed bottom tabs, including phone safe areas. */
.demo-video-track ._1YoiFW_nav {
  bottom: calc(56px + env(safe-area-inset-bottom, 0px) + 24px);
}
.demo-video-track .TrEHZW_footer {
  box-sizing: border-box;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 72px;
}