.workshop-replay-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; margin-top: 24px; background: #111214; border: 1px solid var(--border); }
.workshop-replay-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.workshop-replay-play { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 18px; align-items: center; justify-content: center; border: 0; background: transparent; color: #f7f6f4; font: inherit; font-size: clamp(18px, 2vw, 28px); cursor: pointer; }
.workshop-replay-play span:first-child { font-size: 52px; color: #ff7366; }
.workshop-replay-play:focus-visible { outline: 3px solid #ff7366; outline-offset: -6px; }
.workshop-replay-play:hover { background: #202126; }