.film-controls { position: absolute; left: 24px; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 16px; padding: 12px 16px; color: #fff; background: rgba(0,0,0,.65); font-family: var(--font-brand); font-size: 14px; font-weight: 200; z-index: 2; }
.film-controls button { padding: 8px; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.film-seek { flex: 1; min-width: 0; height: 2px; accent-color: #fff; cursor: pointer; }
.film-time { font-variant-numeric: tabular-nums; white-space: nowrap; }
.film-controls :focus-visible { outline: 1px solid #fff; outline-offset: 4px; }
.m-film-preview { position: absolute; left: 20px; top: 2596.05px; width: 351.938px; height: 196.43px; display: block; padding: 0; border: 0; background: #000; cursor: pointer; }
.m-film-preview .m-film-play.play-cta { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.m-film-preview:focus-visible { outline: 2px solid #000; outline-offset: 4px; }
@media (max-width:600px) { .film-controls { left: 12px; right: 12px; bottom: 16px; gap: 4px; padding: 8px; font-size: 12px; } .film-time { font-size: 10px; } }