/* The complete feature, including navigation, fits below the header. */
.studio-header{padding-block:18px;min-height:80px}
.studio-hero.record-features{height:calc(100svh - var(--record-header-height,80px));min-height:480px;padding:22px 6% 0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
.record-features .feature-stage{min-height:0}
.record-features .feature-slide{height:100%;min-height:0;padding:4px 0 24px;gap:5%}
.record-features .feature-art{width:min(100%,calc((100svh - var(--record-header-height,80px) - 154px)*16/9));justify-self:center}
.record-features h1{font-size:clamp(48px,min(5.7vw,12svh),110px);margin:23px 0 20px}
.record-features .feature-copy>p{margin-bottom:23px}
.record-features .feature-controls{min-height:72px;padding-right:0}
.record-features .feature-caption{margin-top:14px}
/* Only the launcher is visible until the listener opens the full player. */
#music-player.player.is-collapsed{width:58px;height:58px;min-height:58px;max-width:58px;display:block;padding:0;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));border:0;border-radius:50%;background:transparent;box-shadow:0 7px 25px #15193630;overflow:visible}
#music-player.player.is-collapsed>:not(.player-expand){display:none!important}
#music-player.player.is-collapsed .player-expand{position:relative;inset:auto;display:grid;place-items:center;width:58px;height:58px;min-height:58px;padding:16px;border:1px solid #ffffff50;border-radius:50%;color:#fff;background:#4657f5;cursor:pointer;transition:background .2s,transform .2s}
#music-player.player.is-collapsed .player-expand svg{width:26px;height:26px;display:block}
#music-player.player.is-collapsed .player-expand:hover{background:#263bd6;transform:translateY(-2px)}
#music-player.player.is-collapsed .player-expand:focus-visible{outline:3px solid #101114;outline-offset:4px}
#music-player.player.is-collapsed.is-playing .player-expand:after{content:"";position:absolute;right:0;top:0;width:12px;height:12px;border:3px solid #f8f7f3;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #4657f5}
#music-player.player:not(.is-collapsed){max-width:calc(100% - 24px);right:20px;bottom:calc(20px + env(safe-area-inset-bottom))}
@media(max-width:1000px) and (min-width:701px){.record-features h1{font-size:clamp(45px,min(6vw,11svh),72px)}.record-features .feature-copy>p{font-size:13px}.record-features .feature-slide{gap:4%}}
@media(max-width:700px){
 .studio-header{padding:16px 6%;gap:16px;min-height:102px}
 .studio-hero.record-features{height:auto;min-height:calc(100svh - var(--record-header-height,102px));padding:19px 6% 0;grid-template-rows:1fr auto}
 .record-features .feature-slide{grid-template-columns:1fr;gap:18px;padding:0 0 18px;align-content:center}
 .record-features h1{font-size:clamp(30px,8.6vw,48px);line-height:1.06;margin:14px 0 13px}
 .record-features h1 br{display:none}.record-features h1 span{margin-left:.14em}.record-features h1 span:before{content:none}
 .record-features .feature-copy>p{font-size:12px;line-height:1.6;margin-bottom:16px}
 .record-features .studio-kicker{font-size:8px;letter-spacing:.1em}
 .record-features .studio-primary{min-height:42px;font-size:11px;padding:11px 14px}
 .record-features .studio-hero-link{font-size:11px}
 .record-features .actions{gap:13px}
 .record-features .feature-art{width:min(100%,calc((100svh - var(--record-header-height,102px) - 304px)*16/9));min-width:min(100%,240px)}
 .record-features .feature-caption{font-size:6px;margin-top:9px;gap:8px}
 .record-features .feature-controls{min-height:0;padding:0 0 12px;gap:0}
 .record-features .feature-tabs{min-height:43px}.record-features .feature-tabs button{min-height:43px;padding:10px 0;font-size:9px}
 .record-features .feature-navigation{justify-content:flex-start;gap:9px;margin-top:8px;min-height:32px}
 .record-features .feature-count{margin:0 9px 0 0;min-width:48px}
 .record-features .feature-navigation button{width:32px;height:32px}
 #music-player.player.is-collapsed,#music-player.player.is-collapsed .player-expand{width:54px;height:54px;min-height:54px;max-width:54px}
 #music-player.player.is-collapsed{right:15px;bottom:calc(15px + env(safe-area-inset-bottom))}
 #music-player.player:not(.is-collapsed){right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-height:650px) and (min-width:701px){.studio-header{padding-block:12px;min-height:66px}.studio-hero.record-features{min-height:380px;padding-top:12px}.record-features h1{font-size:clamp(40px,10svh,65px);margin:16px 0}.record-features .feature-copy>p{font-size:12px;margin-bottom:16px}.record-features .feature-controls{min-height:60px}.record-features .feature-art{width:min(100%,calc((100svh - var(--record-header-height,66px) - 130px)*16/9))}}
