/* Studios 60: quieter type and a compact logo-first grid. */
html body #app #mediaPage#mediaPage#mediaPage .media-dream-copy h1{font:650 clamp(28px,3.5vw,38px)/1.15 system-ui!important;letter-spacing:-.035em!important}
html body #app #mediaPage#mediaPage#mediaPage .media-dream-copy p{font:400 15px/1.55 system-ui!important}
html body #app #mediaPage#mediaPage #studios49{padding:24px!important;margin:20px auto!important;background:rgba(247,248,240,.9)!important;border:1px solid #d5dbcb!important;box-shadow:0 10px 30px #2938210c!important}
html body #app #mediaPage#mediaPage #studios49 :is(h2,h3){font:600 23px/1.25 system-ui!important;letter-spacing:-.025em!important}
html body #app #mediaPage#mediaPage #studios49 p{font:400 14px/1.5 system-ui!important}
html body #app #mediaPage#mediaPage #studios49 button{font-family:system-ui!important;font-size:13px!important;font-weight:550!important}
html body #app #mediaPage#mediaPage #studios49 :is(input,select){font:400 16px/1.4 system-ui!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tabs{gap:6px!important;padding:18px 0 12px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tabs button{min-width:90px!important;min-height:44px!important;padding:10px 12px!important;gap:6px!important;border-radius:12px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tabs small{font-size:10px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tools{margin:12px 0 18px!important;gap:8px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-grid{gap:14px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tile{border:1px solid #d4dccb!important;border-radius:18px!important;background:linear-gradient(145deg,#ffffffed,#eef2e7e6)!important;box-shadow:0 4px 12px #34452d0c!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open{padding:22px 14px 14px!important;gap:8px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open>b{font:600 14px/1.3 system-ui!important;letter-spacing:0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open>small{font:400 11px/1.35 system-ui!important;letter-spacing:0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-logo{height:94px!important;padding:14px 10px 6px!important;margin-bottom:4px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-podcast .s49-logo{height:auto!important;aspect-ratio:1!important;padding:0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-heart{width:44px!important;min-height:44px!important;font-size:22px!important;top:1px!important;right:1px!important;background:transparent!important}
html body #app #mediaPage#mediaPage #studios49 .s49-heart[aria-pressed=true]{background:#e2ead8!important;color:#354e2c!important;border:0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-remove{width:44px!important;min-height:44px!important;font-size:22px!important;top:1px!important;left:1px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-empty{min-height:180px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-title>span{font:500 12px/1.4 system-ui!important}
html body #app #mediaPage#mediaPage #studios49 .s49-source{font-size:11px!important}
html body .s49-player h2{font:600 20px/1.3 system-ui!important}
html body .s49-player p{font:400 14px/1.55 system-ui!important}
@media(max-width:700px){
html body #app #mediaPage#mediaPage #studios49{padding:14px!important;margin:14px 0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-heading{flex-wrap:wrap!important;gap:10px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tabs{flex-wrap:wrap!important;overflow:visible!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tabs button{flex:1 1 28%!important;min-width:0!important;justify-content:center!important}
html body #app #mediaPage#mediaPage #studios49 .s49-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open{padding:36px 8px 12px!important;gap:6px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-logo{height:66px!important;padding:6px 2px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open>b{font-size:12px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open>small{font-size:10px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tools>div{flex-wrap:wrap!important}
}

/* Studios 73: compact logo-only tiles, with a separate favourite control. */
html body #app #mediaPage#mediaPage #studios49 .s49-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-width:900px!important;margin-inline:auto!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tile{aspect-ratio:1.12!important;min-height:0!important;max-height:none!important;border-radius:18px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open{height:100%!important;min-height:0!important;padding:32px 16px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open>:is(b,small),
html body #app #mediaPage#mediaPage #studios49 .s49-empty>:is(b,small){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body #app #mediaPage#mediaPage #studios49 .s49-logo,
html body #app #mediaPage#mediaPage #studios49 .s49-podcast .s49-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;background:transparent!important;overflow:hidden!important;border-radius:9px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-logo img,
html body #app #mediaPage#mediaPage #studios49 .s49-podcast .s49-logo img{object-fit:contain!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}
html body #app #mediaPage#mediaPage #studios49 .s49-heart{top:0!important;right:0!important;width:44px!important;height:44px!important;font-size:20px!important;color:#536a45!important;z-index:2!important;background:transparent!important}
html body #app #mediaPage#mediaPage #studios49 .s49-heart[aria-pressed=true]{color:#35552a!important;background:#e3ecd9!important}
html body #app #mediaPage#mediaPage #studios49 .s49-empty{aspect-ratio:1.12!important;min-height:0!important;padding:0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-empty>span{font:400 28px/1 system-ui!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;padding:12px 0!important;scrollbar-width:thin!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tabs button{flex:0 0 auto!important;min-width:64px!important;min-height:44px!important;padding:9px 12px!important;font-size:12px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tabs small{display:none!important}
@media(max-width:700px){
 html body #app #mediaPage#mediaPage #studios49 .s49-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 html body #app #mediaPage#mediaPage #studios49 .s49-open{padding:28px 9px 10px!important}
 html body #app #mediaPage#mediaPage #studios49 .s49-tile,html body #app #mediaPage#mediaPage #studios49 .s49-empty{aspect-ratio:1!important;border-radius:15px!important}
 html body #app #mediaPage#mediaPage #studios49 .s49-heart{font-size:18px!important}
}

/* Studios 74: definite tile heights avoid Safari's percentage/aspect-ratio collapse. */
html body #app #mediaPage#mediaPage #studios49 .s49-tile,
html body #app #mediaPage#mediaPage #studios49 .s49-empty{height:168px!important;min-height:168px!important;aspect-ratio:auto!important;width:100%!important}
html body #app #mediaPage#mediaPage #studios49 .s49-open{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:32px 16px 14px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-logo,
html body #app #mediaPage#mediaPage #studios49 .s49-podcast .s49-logo{flex:1 1 auto!important;height:100%!important;min-width:0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-logo img,
html body #app #mediaPage#mediaPage #studios49 .s49-podcast .s49-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
html body #app #mediaPage#mediaPage #studios49 .s49-heart{border:0!important;padding:0!important}
html body #app #mediaPage#mediaPage #studios49 [data-open="instagram"] .s49-logo{background:linear-gradient(135deg,#713ac2,#c33178,#e89b45)!important;padding:8px!important}
html body #app #mediaPage#mediaPage #studios49 :is([data-open="tiktok"],[data-open="x"],[data-open="threads"]) .s49-logo{background:#242722!important;padding:8px!important}
html body #app #mediaPage#mediaPage #studios49 [data-open="linkedin"] .s49-logo{background:#0a66c2!important;color:#fff!important}
@media(max-width:700px){
 html body #app #mediaPage#mediaPage #studios49 .s49-tile,html body #app #mediaPage#mediaPage #studios49 .s49-empty{height:104px!important;min-height:104px!important}
 html body #app #mediaPage#mediaPage #studios49 .s49-open{padding:28px 9px 10px!important}
}

/* Studios 75: creation controls directly above the collection. */
html body #app #mediaPage#mediaPage #studios49 .s49-title{margin-top:18px!important;margin-bottom:10px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tools{margin:0 0 14px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-tools [hidden]{display:none!important}
html body #app #mediaPage#mediaPage #studios49 .s49-notice button{margin-left:8px!important}
html body #unaTvRuntime :is([data-utv-grid],[data-utv-show-grid]){background:#e5ecdb!important;color:#2c4226!important;border:1px solid #b9c9ab!important;min-height:44px!important;padding:9px 12px!important;border-radius:12px!important;font:600 13px system-ui!important}
html body #unaTvRuntime .utv-playing-title{flex-wrap:wrap!important;gap:8px!important}

/* Studios 76: custom service entry is visible at the top of every collection. */
html body #app #mediaPage#mediaPage #studios49 .s49-custom{margin:16px 0 8px!important;padding:12px 14px!important;background:rgba(255,255,255,.82)!important;border:1px solid #c7d0be!important;border-radius:14px!important}
html body #app #mediaPage#mediaPage #studios49 .s49-custom summary{font:600 14px/1.4 system-ui!important;color:#30442a!important;cursor:pointer!important}
html body #app #mediaPage#mediaPage #studios49 .s49-custom-form{margin-top:14px!important;padding:0!important}
html body #app #mediaPage#mediaPage #studios49 .s49-custom-form label{font:500 13px/1.5 system-ui!important}
html body #app #mediaPage#mediaPage #studios49 [data-action="delete-page"]{color:#654139!important;border-color:#c7b6aa!important}