/* Approved studio entry (variant 1) and on-demand video dialog. */
.studio-entry, .studio-close { font-family: inherit; cursor: pointer; color: #fff; }
.studio-entry svg { width: 20px; height: 20px; flex: none; }
.studio-entry:focus-visible, .studio-close:focus-visible { outline: 2px solid #78d4f5; outline-offset: 4px; }
.home-media-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin-top: 26px; }
body.max-theme.radio-modern .home-intro-heading .home-media-actions .jump-to-player { margin: 0; flex: none; }
body.max-theme.radio-modern .home-intro .studio-hero-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; margin: 0; padding: 12px 18px; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: left; }
body.max-theme.radio-modern .home-intro .studio-hero-button span { font: inherit; }
.studio-hero-button svg { color: #9ed9ff; }
.studio-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .12em; color: #7ecbe9; line-height: 1.5; }
body.max-theme.radio-modern .studio-dialog h2 { font-family: inherit; font-size: 26px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; margin: 0; color: #fff; }
.studio-frame-wrap { position: relative; background: #060b16; aspect-ratio: 16/9; overflow: hidden; border: 1px solid #66719455; border-radius: 16px; }
.studio-frame-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #070b16; }
.studio-loading { position: absolute; inset: 0; display: grid; place-content: center; color: #b6c6dd; font-size: 14px; }
body.max-theme.radio-modern .studio-video-source { margin: 16px 0 0; font-size: 13px; line-height: 1.5; color: #adbad0; }
body.max-theme.radio-modern .studio-dialog { box-sizing: border-box; width: min(1056px,calc(100% - 48px)); max-width: 1056px; max-height: calc(100dvh - 40px); padding: 26px; margin: auto; border: 1px solid transparent; border-radius: 24px; background: linear-gradient(118deg,#0a1924,#111326 53%,#211032) padding-box,linear-gradient(108deg,#38dcf49c,#934cff91 70%,#e256f2a1) border-box; color: #fff; box-shadow: 0 26px 100px #000b; }
.studio-dialog::backdrop { background: #040611ce; backdrop-filter: blur(9px); }
.studio-dialog-header { display: flex; align-items: flex-start; gap: 20px; justify-content: space-between; margin-bottom: 22px; }
.studio-dialog-header .studio-eyebrow { display: block; margin-bottom: 8px; }
.studio-close { display: grid; place-items: center; flex: none; width: 40px; height: 40px; padding: 8px; background: #ffffff08; border: 1px solid #6c72854d; border-radius: 12px; }
.studio-close svg { width: 22px; height: 22px; }
.studio-close:hover { background: #ffffff15; }
body.studio-is-open { overflow: hidden; }
/* Keep both columns' actions on the same bottom edge on wider screens. */
@media (min-width: 761px) {
  body.max-theme.radio-modern .home-intro-heading,
  body.max-theme.radio-modern .home-intro-copy {
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
  body.max-theme.radio-modern .home-intro-heading .home-media-actions {
    margin-top: auto;
    padding-top: 26px;
    margin-bottom: 12px;
  }
  body.max-theme.radio-modern .home-intro-copy .theme-button {
    align-self: flex-start;
    margin-top: auto;
  }
}
@media (max-width: 760px) {
  .home-media-actions { margin-top: 22px; gap: 10px; }
  body.max-theme.radio-modern .home-intro .studio-hero-button { max-width: 100%; justify-content: flex-start; padding: 12px 16px; }
  body.max-theme.radio-modern .studio-dialog h2 { font-size: 21px; }
  body.max-theme.radio-modern .studio-dialog { width: calc(100% - 20px); padding: 18px 12px; border-radius: 20px; max-height: calc(100dvh - 20px); }
  .studio-dialog-header { gap: 12px; margin-bottom: 16px; }
  .studio-close { width: 36px; height: 36px; padding: 6px; border-radius: 10px; }
  .studio-frame-wrap { border-radius: 10px; }
  .studio-eyebrow { font-size: 10px; }
  body.max-theme.radio-modern .studio-video-source { font-size: 12px; }
}