/* MagicalRadio3D STUDIO V4.1 — artistic front-end only.
   No fake levels, no changes to original actions, no API calls.
*/
#mgrSono .mgrv41-stage {--s-white:#f5f1ff;--s-blue:#cdd6f1;--s-purple:#b78bff;--s-border:#7b7fc45c;color:#f5f1ff!important;}
html body #mgrSono#mgrSono .mgr-sono-room-host.mgrfusion-unified.mgrv4-studio.mgrv41-stage{
 width:min(1260px,100%)!important;max-width:1260px!important;min-width:0;
 margin:0 auto 26px!important;padding:clamp(15px,2.25vw,29px)!important;
 background-image:linear-gradient(180deg,rgba(8,13,31,.40) 0,rgba(7,13,31,.8) 32%,rgba(9,14,34,.97) 73%),url('/assets/mgr-studio-v41-bg.webp')!important;
 background-size:cover,cover!important;background-position:top center,top center!important;background-repeat:no-repeat!important;
 border:1px solid #7668b783!important;border-radius:19px!important;
 box-shadow:0 24px 75px #03040d9e,inset 0 1px 0 #ffffff24!important;
}
html body #mgrSono#mgrSono .mgrv41-stage::before{display:none!important;}
#mgrSono #sonoBody:has(.mgrv41-stage)>.sono-heading{display:none!important;}
html body #mgrSono#mgrSono .mgrv41-stage .mgrv41-hero{
 padding:8px 8px 22px!important;margin:0 0 14px!important;border-bottom:1px solid #9d8bd164!important;
 min-height:155px;display:flex;flex-direction:column;justify-content:center;gap:6px;
 background:linear-gradient(90deg,rgba(7,11,28,.28),transparent 75%)!important;
}
#mgrSono .mgrv41-stage .mgrfusion-eyebrow{font-size:11px!important;letter-spacing:.19em!important;color:#b7acfd!important;font-weight:800!important;}
#mgrSono .mgrv41-stage .mgrfusion-heading{font-size:clamp(32px,3.8vw,51px)!important;font-weight:850!important;letter-spacing:-.045em!important;text-shadow:0 3px 28px #07071dbb!important;color:#fff!important;}
#mgrSono .mgrv41-stage .mgrfusion-subtitle{font-size:11px!important;color:#dee2ff!important;letter-spacing:.17em!important;font-weight:650!important;}
#mgrSono .mgrv41-stage .mgrfusion-lamp{align-self:flex-start;max-width:100%;margin-top:11px!important;background:#211b37d9!important;border:1px solid #b299734f!important;color:#f5d5a1!important;}
/* Room section — one elegant translucent surface with a photographic feel. */
#mgrSono .mgrv41-stage .mgrfusion-section-title{margin:15px 0 10px!important;}
#mgrSono .mgrv41-stage .mgrfusion-section-title .mgrfusion-index{background:#5a3ba2!important;color:#fff!important;box-shadow:0 0 21px #946afa49!important;border-color:#9a7ad4!important;}
#mgrSono .mgrv41-stage .mgrfusion-title-text h3{font-size:21px!important;color:#fff!important;}
#mgrSono .mgrv41-stage .mgrfusion-title-text p{color:#bdc8e7!important;font-size:12px!important;}
html body #mgrSono#mgrSono .mgrv41-stage #roomPublishModal .room-modal-box{
 grid-template-columns:minmax(180px,.75fr) minmax(0,1.2fr) minmax(0,1fr)!important;
 grid-template-areas:"image name type" "image desc visible" "image desc open" "youtube youtube audio" "media media media" "actions actions actions" "status status status";
 padding:16px!important;gap:11px 17px!important;border:1px solid #7a83b269!important;border-radius:15px!important;
 background:linear-gradient(112deg,rgba(11,18,41,.92),rgba(22,26,60,.88))!important;
 box-shadow:0 11px 36px #05071860,inset 0 1px #ffffff18!important;
 backdrop-filter:blur(12px);
}
#mgrSono .mgrv41-stage .room-modal-box>.mgrv41-photo{
 background-image:linear-gradient(0deg,rgba(23,16,57,.5),rgba(26,13,53,.08)),url('/assets/mgr-studio-v41-bg.webp')!important;
 background-size:cover!important;background-position:center!important;
 border:1px solid #9675cd8c!important;border-radius:13px!important;
 box-shadow:inset 0 0 32px #07081b69,0 9px 26px #0406178c!important;
 min-height:190px;justify-content:flex-end!important;
}
#mgrSono .mgrv41-stage .mgrv41-photo label{padding:9px;border-radius:8px;background:#10152cb8!important;color:#fff!important;backdrop-filter:blur(6px);}
#mgrSono .mgrv41-stage .mgrv41-photo input[type=file]{font-size:11px!important;}
#mgrSono .mgrv41-stage .mgrv41-photo input[type=file]::file-selector-button,
#mgrSono .mgrv41-stage .mgrv41-media input[type=file]::file-selector-button{
 border:1px solid #b89bf7!important;background:linear-gradient(110deg,#5b41a4,#7153c1)!important;
 color:#fff!important;border-radius:7px!important;padding:7px 9px!important;cursor:pointer;
}
#mgrSono .mgrv41-stage #roomPublishModal input[type=text],
#mgrSono .mgrv41-stage #roomPublishModal select,
#mgrSono .mgrv41-stage #roomPublishModal textarea{
 min-height:42px!important;background:rgba(10,17,41,.78)!important;border:1px solid #63719bba!important;
 border-radius:8px!important;color:#f7f7ff!important;box-shadow:inset 0 1px 4px #0003!important;
}
#mgrSono .mgrv41-stage #roomPublishModal input:focus-visible,
#mgrSono .mgrv41-stage #roomPublishModal select:focus-visible,
#mgrSono .mgrv41-stage #roomPublishModal textarea:focus-visible{outline:2px solid #bd91ff!important;}
/* Collapse optional uploads, but keep the exact original controls accessible. */
html body #mgrSono#mgrSono .mgrv41-stage #roomPublishModal .room-modal-box>.mgrv41-media-drawer{
 grid-area:media!important;min-width:0;border-radius:9px;border:1px solid #6976a077;background:#101a32d6;
}
#mgrSono .mgrv41-stage .mgrv41-media-drawer>summary{cursor:pointer;color:#d8d7ff;font-size:12px;padding:11px 13px;font-weight:700;}
#mgrSono .mgrv41-stage .mgrv41-media-drawer>.mgrv41-media{margin:5px 10px 10px!important;padding:12px!important;}
#mgrSono .mgrv41-stage .mgrv41-actions{display:flex!important;justify-content:flex-end!important;padding-top:3px;}
#mgrSono .mgrv41-stage #saveRoomPublishBtn{
 min-width:155px!important;border-radius:9px!important;padding:11px 18px!important;
 background:linear-gradient(100deg,#7550db,#a15be6)!important;
 box-shadow:0 8px 21px #754ada58, inset 0 1px #ffffff43!important;
}
/* Stream URL: a tidy full-width integrated strip, not a side card. */
html body #mgrSono#mgrSono .mgrv41-stage .mgrv41-quick-link{
 display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;
 margin:10px 0 17px!important;padding:10px 13px!important;border:1px solid #7780a268!important;
 background:linear-gradient(90deg,#151e3be6,#1c1c45d9)!important;border-radius:12px!important;
}
#mgrSono .mgrv41-stage .mgrv41-quick-link>h3{margin:0!important;flex:0 1 185px;font-size:13px!important;color:#ebecff!important;}
#mgrSono .mgrv41-stage .mgrv41-quick-link>.mgroom-link{flex:1 1 210px;min-width:0;margin:0!important;padding:9px 12px!important;color:#c7d6f4!important;background:#0e1631bd!important;border:1px dashed #646d9a!important;}
#mgrSono .mgrv41-stage .mgrv41-quick-link button{flex:0 1 auto;min-height:38px!important;background:#6d49b8!important;color:#fff!important;border-radius:9px!important;}
#mgrSono .mgrv41-stage .mgrv41-quick-link>p{flex-basis:100%;margin:0!important;font-size:11px;color:#aab9d2;}
/* Source console — broad luminous studio controls, preserving the real buttons. */
html body #mgrSono#mgrSono .mgrv41-stage .mgrv41-mixer{
 background:linear-gradient(118deg,#171b42df,#0b1935ed 80%)!important;
 border:1px solid #726eb5a8!important;padding:16px 18px 14px!important;
 border-radius:15px!important;box-shadow:inset 0 1px #ffffff18,0 12px 33px #0005!important;
}
#mgrSono .mgrv41-stage .mgroom-v4b3-top{font-size:12px!important;letter-spacing:.11em!important;color:#dfccff!important;}
#mgrSono .mgrv41-stage .mgroom-v4b3-top strong{color:#cec3ff!important;}
#mgrSono .mgrv41-stage .mgroom-v4b3-switch{gap:12px!important;}
#mgrSono .mgrv41-stage .mgroom-v4b3-switch button{
 min-height:69px!important;border-radius:11px!important;font-size:15px!important;
 background:linear-gradient(145deg,#232b51,#141c39)!important;
 border:1px solid #838ac66c!important;box-shadow:inset 0 2px #ffffff12,0 9px 18px #01041554!important;
 text-shadow:0 1px 8px #0008;position:relative;letter-spacing:.01em!important;
}
#mgrSono .mgrv41-stage .mgroom-v4b3-switch button:before{
 content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;transform:translateY(-50%);
 border-radius:50%;background:#797eac;box-shadow:0 0 10px #7172cb55;
}
#mgrSono .mgrv41-stage .mgroom-v4b3-switch button[aria-pressed=true]{
 background:linear-gradient(125deg,#6943c3,#8652c3)!important;
 border-color:#d2a8ff!important;box-shadow:inset 0 1px #ffffff4a,0 0 22px #b261fe52!important;
}
#mgrSono .mgrv41-stage .mgroom-v4b3-switch button[aria-pressed=true]:before{background:#f7d67f;box-shadow:0 0 13px #e3ad50;}
#mgrSono .mgrv41-stage .mgroom-v4b3-switch button:disabled{opacity:.5!important;background:#10182e!important;cursor:not-allowed!important;}
#mgrSono .mgrv41-stage .mgroom-v4b3 [data-source-status]{margin-top:11px!important;color:#f3d6a4!important;}
#mgrSono .mgrv41-stage .mgroom-v4b3 small{color:#b2b9d6!important;}
#mgrSono .mgrv41-stage .mgrv4-status-line{border-top-color:#6870926f!important;}
/* Content: playlist gets width; optional controls collapse into one line. */
html body #mgrSono#mgrSono .mgrv41-stage .mgrv4-console-grid{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"playlist" "options" "library"!important;
 gap:12px!important;
}
html body #mgrSono#mgrSono .mgrv41-stage .mgrv4-console-grid>.mgrv41-tracks{
 grid-area:playlist!important;min-width:0;padding:18px 20px!important;
 background:linear-gradient(140deg,#101a36e8,#111e41e8)!important;
 border:1px solid #6671a088!important;border-radius:14px!important;
 box-shadow:inset 0 1px #ffffff14!important;
}
#mgrSono .mgrv41-stage .mgrv41-tracks>h3{font-size:19px!important;margin:0 0 13px!important;color:#f7ecff!important;}
#mgrSono .mgrv41-stage .mgrv41-tracks [data-mgr-playlist-order="v3"]{
 border:none!important;background:transparent!important;padding:0!important;margin:0!important;
}
#mgrSono .mgrv41-stage .mgrv41-tracks [data-mgr-playlist-order="v3"]>strong{font-size:13px!important;color:#d6c9ff!important;}
#mgrSono .mgrv41-stage .mgrv41-tracks [data-mgr-playlist-order="v3"]>p{font-size:11px!important;color:#aab8d6!important;margin:4px 0 10px!important;}
#mgrSono .mgrv41-stage .mgrv41-tracks [data-mgr-playlist-order="v3"] li{
 background:linear-gradient(90deg,#192848d4,#131f3dd6)!important;border:1px solid #56668c55!important;
 border-radius:8px!important;padding:11px 13px!important;min-height:46px!important;margin:5px 0!important;
 font-size:13px!important;display:list-item;
}
#mgrSono .mgrv41-stage .mgrv41-tracks [data-mgr-playlist-order="v3"] button{
 border:1px solid #6c6fa187!important;background:#26345deb!important;color:#fff!important;
 min-width:35px!important;min-height:29px!important;margin-left:6px!important;float:right!important;
}
#mgrSono .mgrv41-stage .mgrv41-tracks [data-sono-playlist-selector="v1"]>button{
 background:linear-gradient(95deg,#6946c8,#8f54d9)!important;color:#fff!important;border:1px solid #aa8ef0!important;
 border-radius:9px!important;min-height:43px!important;font-weight:750!important;
}
#mgrSono .mgrv41-stage .mgrv41-tracks .mgrv4-music-picker{margin:5px 0!important;background:#151d3c!important;border:1px solid #575d9f!important;}
#mgrSono .mgrv41-stage .mgrv41-tracks .mgrv4-music-picker summary{
 background:linear-gradient(100deg,#373363,#4a367b)!important;font-size:13px!important;
 padding:14px!important;color:#fff!important;
}
#mgrSono .mgrv41-stage .mgrv41-tracks .mgrv4-music-picker input[type=checkbox]{accent-color:#aa7af6;}
/* Full library hidden inside native details, NO forced internal scrollbar. */
html body #mgrSono#mgrSono .mgrv41-stage .mgrv4-console-grid>.mgrv41-library-wrap{
 grid-area:library!important;min-width:0;overflow:visible!important;background:rgba(17,23,48,.7);border:1px solid #606ea080;
 border-radius:10px;padding:0;margin:0;
}
#mgrSono .mgrv41-stage .mgrv41-library-wrap>summary,
#mgrSono .mgrv41-stage .mgrv41-options>summary{cursor:pointer;list-style:revert;font-size:12px!important;padding:13px 15px;color:#cfd6ff;font-weight:750;}
html body #mgrSono#mgrSono .mgrv41-stage .mgrv41-library-wrap>.mgrv4-library{
 max-height:none!important;overflow:visible!important;columns:auto!important;grid-area:auto!important;
 background:transparent!important;border:none!important;padding:8px 14px 17px!important;margin:0!important;
}
#mgrSono .mgrv41-stage .mgrv41-library-wrap>.mgrv4-library h3{display:none!important;}
#mgrSono .mgrv41-stage .mgrv41-library-wrap>.mgrv4-library ol{columns:2!important;max-height:none!important;overflow:visible!important;margin:5px 0 8px!important;}
/* Group optional preferences and LIVE without duplicating the main source controls. */
html body #mgrSono#mgrSono .mgrv41-stage .mgrv4-console-grid>.mgrv41-options{
 grid-area:options!important;background:#131d3ac7;border:1px solid #59669073;border-radius:11px;
 overflow:visible!important;
}
#mgrSono .mgrv41-stage .mgrv41-options>.mgroom-panel{
 border:none!important;border-top:1px solid #555f8960!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;margin:0!important;padding:12px 15px!important;
}
#mgrSono .mgrv41-stage .mgrv41-options .mgroom-panel>h3{font-size:13px!important;color:#e5d9ff!important;}
/* Remove public technical disclaimer entirely. */
html body #mgrSono#mgrSono .mgrv41-stage .mgrfusion-safety{display:none!important;}
/* Accessible responsive layout */
@media(max-width:850px){
 html body #mgrSono#mgrSono .mgrv41-stage #roomPublishModal .room-modal-box{
  grid-template-columns:minmax(170px,.65fr) minmax(0,1.35fr)!important;
  grid-template-areas:"image name" "image type" "desc desc" "visible open" "youtube audio" "media media" "actions actions" "status status"!important;
 }
 #mgrSono .mgrv41-stage .mgrv41-quick-link{gap:8px!important;}
}
@media(max-width:620px){
 html body #mgrSono#mgrSono .mgr-sono-room-host.mgrfusion-unified.mgrv4-studio.mgrv41-stage{padding:12px!important;}
 html body #mgrSono#mgrSono .mgrv41-stage .mgrv41-hero{min-height:130px;}
 html body #mgrSono#mgrSono .mgrv41-stage #roomPublishModal .room-modal-box{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"image" "name" "type" "desc" "visible" "open" "youtube" "audio" "media" "actions" "status"!important;
 }
 #mgrSono .mgrv41-stage .mgroom-v4b3-switch{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 #mgrSono .mgrv41-stage .mgroom-v4b3-switch button{min-height:62px!important;}
 #mgrSono .mgrv41-stage .mgroom-v4b3-switch button:last-child{grid-column:1/-1!important;min-height:40px!important;}
 #mgrSono .mgrv41-stage .mgrv41-tracks [data-mgr-playlist-order="v3"] li span{max-width:58%;}
 #mgrSono .mgrv41-stage .mgrv41-library-wrap>.mgrv4-library ol{columns:1!important;}
 #mgrSono .mgrv41-stage .mgrv41-quick-link{flex-direction:column!important;align-items:stretch!important;}
}
@media(prefers-reduced-motion:reduce){#mgrSono .mgrv41-stage *,#mgrSono .mgrv41-stage *::before{animation:none!important;transition:none!important;}}
