/* Native 3.6-second Screlio demonstrations share one uncropped 8:5 canvas. */
.feature-card .feature-art-video,
.edit-feature-card .edit-feature-video {
  display: block; aspect-ratio: 8 / 5; height: auto; min-height: 0;
  margin: 0; padding: 0; overflow: hidden; border-radius: 22px;
  background: #111d5b; transform: none !important;
}
.feature-art-video > video,
.edit-feature-video > video,
.carousel-window--feature-loop > video,
.maintenance-video-shot > video {
  display: block; width: 100%; height: 100%; aspect-ratio: 8 / 5;
  object-fit: contain; background: #111d5b; border: 0;
  border-radius: inherit; pointer-events: none;
}
.product-carousel .carousel-window--feature-loop,
.maintenance-video-shot {
  aspect-ratio: 8 / 5; height: auto; min-height: 0;
  overflow: hidden; background: #111d5b;
}
.feature-motion-toggle {
  border: 1px solid #c2cada; border-radius: 999px; padding: 9px 15px;
  background: #e8ebf2; color: #35415a; font: inherit; font-size: 12px; cursor: pointer;
}
.feature-motion-toggle:focus-visible { outline: 2px solid #35415a; outline-offset: 3px; }
.edit-automation .feature-motion-toggle { margin: 14px 0 24px; }
.feature-rail-controls .feature-motion-toggle {
  width: auto; height: auto; min-width: 130px; white-space: nowrap;
  padding: 10px 18px;
}
@media (max-width: 760px) {
  .feature-card .feature-art-video,
  .edit-feature-card .edit-feature-video { border-radius: 18px; }
}