/* FORGE — Lyfta-Style 3D Exercise Media & Animations
   Displays 3D GymVisual looping videos and high-definition anatomical models.
*/

.stage-3d {
  width: 100%;
  height: 250px;
  background: #fafbfe;
  border: 1px solid var(--line);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.stage-3d video,
.stage-3d img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  object-fit: contain;
  display: block;
}

/* Exercise card thumbnail box */
.ex-card-thumb-box {
  width: 100%;
  height: 170px;
  background: #fafbfe;
  border-bottom: 1px solid var(--line-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ex-card-thumb-box video,
.ex-card-thumb-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Mini preview in workout hero */
.ex-preview-thumb-box {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: #fafbfe;
  border: 1px solid var(--line);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

.ex-preview-thumb-box video,
.ex-preview-thumb-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Subtle pulse for loaded animation */
.stage-3d video {
  filter: contrast(1.02);
}