.video-player-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 10px 13px;
  border-top: 1px solid rgba(255, 255, 255, .18);
  background: #07141d;
  color: #fff;
  font-size: 12px;
}
.video-player-tools .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.video-player-progress { display: grid; grid-template-columns: minmax(80px, 1fr) auto; align-items: center; gap: 12px; min-width: 0; }
.video-player-seek { width: 100%; min-width: 0; accent-color: #6b50ff; cursor: pointer; }
.video-player-seek:disabled { cursor: wait; opacity: .55; }
.video-player-time { min-width: 83px; color: inherit; font-variant-numeric: tabular-nums; white-space: nowrap; }
.video-player-speed { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.video-player-speed select { min-height: 30px; padding: 3px 6px; border: 1px solid currentColor; border-radius: 5px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.video-player-speed select option { background: #fff; color: #17243d; }
.video-player-seek:focus-visible, .video-player-speed select:focus-visible { outline: 2px solid #8bb7ff; outline-offset: 2px; }
.video-admin-preview .video-player-tools, .video-preview-card .video-player-tools { border-top-color: var(--op-line, #d5dce8); background: var(--op-surface-subtle, #f6f8fb); color: var(--op-ink, #17243d); }
@media (max-width: 480px) {
  .video-player-tools { grid-template-columns: 1fr; gap: 8px; }
  .video-player-speed { justify-content: space-between; }
}