.trailer-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  padding: 0;
  width: min(1100px, 94vw, calc((90dvh - 60px) * 16 / 9));
  max-width: 94vw;
  max-height: 94dvh;
  border: 1px solid #43506a;
  border-radius: 14px;
  background: #0b1426;
  color: #fff;
  box-shadow: 0 24px 100px #0009;
  overflow: hidden;
}
.trailer-dialog::backdrop { background: #020611dd; backdrop-filter: blur(6px); }
.trailer-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; font-size: 14px; }
.trailer-toolbar button { background: #202c40; color: white; border: 1px solid #586479; border-radius: 6px; padding: 8px 14px; cursor: pointer; }
.trailer-toolbar button:focus-visible { outline: 2px solid #57e7e7; outline-offset: 2px; }
.trailer-player { aspect-ratio: 16 / 9; background: #000; }
.trailer-player iframe { display: block; width: 100%; height: 100%; border: 0; }