.media-live-body,.media-recording-body { width:100%; overflow:hidden; }
.media-live-body iframe,.media-recording-body iframe {
  display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; background:#17373f;
}
.media-field { display:grid; gap:.4rem; margin:1rem 0; }
.media-field>span { font-weight:600; }
.media-field input,.media-field select {
  width:100%; min-width:0; box-sizing:border-box; border:1px solid #b6cbd0;
  border-radius:10px; padding:.8rem; font:inherit; color:#17373f; background:white;
}
.media-manager-form { max-width:800px; }
.media-manager-form>h3 { margin-top:1.6rem; }
.media-recording-body { margin-top:1rem; }
.media-help { margin-top:1rem; max-width:800px; }
.media-help li { margin:.8rem 0; }
#live-panel { scroll-margin-top:1rem; }

.media-playback-actions { margin-top:1rem; }