/* MagicalRadio3D — V4 STUDIO VISUAL. Requires installed V3.1.
   Scoped to Ma Sono only. No fake sound meters/active indicators. */
#mgrSono .mgrv4-studio {--mgr-ink:#e9eafc;--mgr-muted:#a3b0cc;--mgr-line:#39446a;--mgr-purple:#9960ff;--mgr-cyan:#62b6ff;color:var(--mgr-ink)!important;}
#mgrSono .mgrv4-studio, #mgrSono .mgrv4-studio *{box-sizing:border-box}
html body #mgrSono#mgrSono .mgr-sono-room-host.mgrfusion-unified.mgrv4-studio{
  position:relative;isolation:isolate;overflow:hidden!important;width:min(1220px,100%)!important;max-width:1220px!important;
  margin:8px auto 20px!important;padding:clamp(14px,2vw,26px)!important;
  background:linear-gradient(165deg,rgba(14,23,48,.97),rgba(14,20,42,.98) 52%,rgba(12,17,35,.99))!important;
  border:1px solid #4c5285!important;border-radius:20px!important;
  box-shadow:0 23px 65px #02041384, inset 0 1px #ffffff0c!important;
}
html body #mgrSono#mgrSono .mgrv4-studio::before{
  content:"";position:absolute;z-index:-1;inset:0 0 auto;height:210px;pointer-events:none;
  background:radial-gradient(ellipse at 18% 0%,#7252bb6b,transparent 45%),
   radial-gradient(ellipse at 83% 6%,#287db64e,transparent 46%),
   linear-gradient(90deg,transparent 0 9%,#ffffff09 9.1% 9.2%,transparent 9.3% 88%,#ffffff0b 88.1% 88.2%,transparent 88.3%);
}
/* HERO: one integrated header, no extra card */
html body #mgrSono#mgrSono .mgrv4-studio .mgrv4-hero{background:transparent!important;padding:0 0 17px!important;margin:0 0 15px!important;border-bottom:1px solid #4c528572!important;}
#mgrSono .mgrv4-studio .mgrfusion-eyebrow{color:#b3adff!important;font-size:10px!important;letter-spacing:.16em!important;}
#mgrSono .mgrv4-studio .mgrfusion-heading{font-size:clamp(29px,3vw,39px)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.1!important;margin:0 0 5px!important;text-shadow:0 4px 28px #0005;}
#mgrSono .mgrv4-studio .mgrfusion-subtitle{font-size:13px!important;margin:0 0 12px!important;color:#bac6df!important;max-width:760px;}
#mgrSono .mgrv4-studio .mgrfusion-lamp{background:#3a2e24!important;border:1px solid #8e7754!important;color:#f6d79d!important;box-shadow:none!important;font-size:11px!important;padding:5px 11px!important;}
#mgrSono .mgrv4-studio .mgrfusion-lamp .mgrfusion-dot{background:#f4b35c!important;box-shadow:0 0 12px #f4b35c78!important;}
#mgrSono .mgrv4-studio .mgrfusion-lamp[data-state=error]{background:#402b35!important;border-color:#a9697b!important;color:#ffb7c9!important;}
#mgrSono .mgrv4-studio .mgrfusion-lamp[data-state=error] .mgrfusion-dot{background:#ff6e94!important;box-shadow:0 0 12px #ff6e9480!important;}
/* Section headings small and integrated */
#mgrSono .mgrv4-studio .mgrfusion-section-title{margin:13px 0 10px!important;gap:9px!important;}
#mgrSono .mgrv4-studio .mgrfusion-index{background:linear-gradient(145deg,#3b3475,#232959)!important;border:1px solid #54558d!important;width:28px;height:28px;min-width:28px;border-radius:8px;font-size:11px;}
#mgrSono .mgrv4-studio .mgrfusion-title-text h3{font-size:17px!important;letter-spacing:-.025em;margin:0!important;}
#mgrSono .mgrv4-studio .mgrfusion-title-text p{font-size:11px!important;color:#aebbd7!important;}
/* Unified real room form; fields are reflowed, NEVER recreated. */
html body #mgrSono#mgrSono .mgrv4-studio #roomPublishModal.mgr-sono-room-inline{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
html body #mgrSono#mgrSono .mgrv4-studio #roomPublishModal .room-modal-box{
 display:grid!important;gap:12px 16px!important;
 grid-template-columns:minmax(165px,.72fr) 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:15px!important;border:1px solid #3b4970!important;border-radius:16px!important;
 background:linear-gradient(135deg,#182644c9,#131d39f2)!important;
 box-shadow:inset 0 1px #ffffff0d!important;
}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-photo{grid-area:image!important;margin:0!important;min-width:0;position:relative;display:flex!important;flex-direction:column!important;gap:8px!important;align-self:stretch;background:linear-gradient(145deg,#342a66,#192c50);border:1px solid #485589;border-radius:12px;padding:9px!important;}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-name{grid-area:name!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-type{grid-area:type!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-desc{grid-area:desc!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-visible{grid-area:visible!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-open{grid-area:open!important;align-self:center!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-youtube{grid-area:youtube!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-audio{grid-area:audio!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-media{grid-area:media!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-actions{grid-area:actions!important}
#mgrSono .mgrv4-studio .room-modal-box>.mgrv4-room-message{grid-area:status!important}
#mgrSono .mgrv4-studio .room-modal-box>.muted:not(.mgrv4-room-message){display:none!important}
#mgrSono .mgrv4-studio .room-modal-box>label:has(textarea){grid-column:auto!important}
#mgrSono .mgrv4-studio .room-modal-box>label,#mgrSono .mgrv4-studio .room-modal-box>.room-image-row,#mgrSono .mgrv4-studio .room-modal-box>.room-suno-box{min-width:0!important;margin:0!important;}
#mgrSono .mgrv4-studio .room-modal-box label{font-size:12px!important;letter-spacing:.005em;color:#dde4f8!important;font-weight:650!important;}
#mgrSono .mgrv4-studio #roomPublishModal input[type=text],#mgrSono .mgrv4-studio #roomPublishModal select,#mgrSono .mgrv4-studio #roomPublishModal textarea{background:#0e1730!important;border:1px solid #44527d!important;border-radius:9px!important;color:#f9faff!important;min-height:41px!important;padding:9px 11px!important;width:100%!important;box-shadow:none!important;}
#mgrSono .mgrv4-studio #roomPublishModal textarea{min-height:90px!important;resize:vertical;}
#mgrSono .mgrv4-studio #roomPublishModal input:focus-visible,#mgrSono .mgrv4-studio #roomPublishModal select:focus-visible,#mgrSono .mgrv4-studio #roomPublishModal textarea:focus-visible{outline:2px solid #a480ff!important;outline-offset:1px!important}
#mgrSono .mgrv4-studio .mgrv4-room-photo .room-image-preview{display:block;aspect-ratio:4/3;width:100%;min-height:110px;max-height:195px;object-fit:cover;border:1px solid #7367ac;border-radius:9px;background:#201b42;}
#mgrSono .mgrv4-studio .mgrv4-room-photo input[type=file]{max-width:100%;font-size:11px;color:#c9cdf3;}
#mgrSono .mgrv4-studio .mgrv4-room-media{padding:10px 12px!important;background:#151f39b3!important;border:1px solid #38466c!important;border-radius:10px!important;display:flex!important;gap:12px!important;align-items:end;flex-wrap:wrap;}
#mgrSono .mgrv4-studio .mgrv4-room-media label{flex:1 1 215px;}
#mgrSono .mgrv4-studio .mgrv4-room-media input[type=file]{max-width:100%;color:#c4cee8;font-size:11px;}
#mgrSono .mgrv4-studio .mgrv4-room-media .eyebrow{flex-basis:100%;margin:0!important;color:#a9a1df;}
#mgrSono .mgrv4-studio .mgrv4-room-actions{display:flex!important;flex-wrap:wrap;gap:10px!important;align-items:center!important;}
#mgrSono .mgrv4-studio .mgrv4-room-actions button{min-height:40px!important;padding:9px 17px!important;border-radius:10px!important;}
#mgrSono .mgrv4-studio #saveRoomPublishBtn{background:linear-gradient(110deg,#7446d5,#995dec)!important;border:1px solid #b48eff!important;color:#fff!important;box-shadow:0 5px 18px #7040d43b!important;}
#mgrSono .mgrv4-studio #deleteRoomPublishBtn{background:#302339!important;color:#fac4d4!important;border:1px solid #69435b!important;}
/* Flat console body: eliminates the nested-card overload */
html body #mgrSono#mgrSono .mgrv4-studio .mgrfusion-audio-card{margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
#mgrSono .mgrv4-studio .mgrv4-original-room-summary{display:none!important;}
#mgrSono .mgrv4-studio .mgrv4-source-console{
 margin:0 0 12px!important;padding:14px 15px 12px!important;
 background:linear-gradient(120deg,#152340,#131b32)!important;
 border:1px solid #485587!important;border-radius:15px!important;box-shadow:none!important;
}
#mgrSono .mgrv4-studio .mgroom-v4b3-top{color:#b7a5ff!important;margin-bottom:12px!important;letter-spacing:.1em!important;}
#mgrSono .mgrv4-studio .mgroom-v4b3-top strong{font-size:12px;color:#d9e1ff;}
#mgrSono .mgrv4-studio .mgroom-v4b3-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;background:transparent!important;border:0!important;padding:0!important;}
#mgrSono .mgrv4-studio .mgroom-v4b3-switch button{
 min-height:56px!important;padding:10px!important;border:1px solid #495782!important;
 border-radius:11px!important;background:linear-gradient(160deg,#1d2d4a,#111c35)!important;
 color:#e6e8fc!important;font-size:clamp(11px,1.5vw,14px)!important;font-weight:800!important;
 letter-spacing:.025em!important;box-shadow:inset 0 1px #ffffff0b!important;
 transition:background .17s,border-color .17s,transform .15s!important;
}
#mgrSono .mgrv4-studio .mgroom-v4b3-switch button:not(:disabled):hover{transform:translateY(-2px);border-color:#a17bfa!important;background:#283f65!important;}
#mgrSono .mgrv4-studio .mgroom-v4b3-switch button[aria-pressed=true]{
 background:linear-gradient(115deg,#663abd,#4f318f)!important;border-color:#b88aff!important;
 box-shadow:0 0 0 1px #865ee390,inset 0 1px #ffffff24!important;
}
#mgrSono .mgrv4-studio .mgroom-v4b3-switch button:disabled{opacity:.55!important;cursor:not-allowed!important;}
#mgrSono .mgrv4-studio .mgroom-v4b3-switch button:last-child{grid-column:auto!important;}
#mgrSono .mgrv4-studio .mgrv4-status-line{display:flex;align-items:center;gap:9px;color:#cad3eb;font-size:12px;padding:10px 0 1px;border-top:1px solid #364665;margin-top:12px;}
#mgrSono .mgrv4-studio .mgrv4-status-dot{width:8px;height:8px;border-radius:50%;background:#efb45e;box-shadow:0 0 10px #efb45e71;flex:none;}
#mgrSono .mgrv4-studio .mgroom-v4b3 [data-source-status]{color:#adbbda!important;font-size:12px!important;margin:10px 0 4px!important;}
#mgrSono .mgrv4-studio .mgroom-v4b3 small{color:#8494b5!important;font-size:11px!important;}
html body #mgrSono#mgrSono .mgrv4-studio .mgrv4-console-grid{
 display:grid!important;grid-template-columns:minmax(0,1.75fr) minmax(250px,.85fr)!important;
 grid-template-areas:"playlist link" "playlist live" "playlist preferences" "library library";
 gap:10px!important;align-items:start!important;
}
html body #mgrSono#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgroom-panel{
 padding:13px 15px!important;margin:0!important;border:1px solid #35466e!important;
 border-radius:13px!important;background:#151f38c9!important;box-shadow:none!important;min-width:0!important;
}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgroom-panel>h3{font-size:15px!important;color:#eeebff!important;margin:0 0 10px!important;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-playlist{grid-area:playlist;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-link{grid-area:link;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-live{grid-area:live;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-preferences{grid-area:preferences;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-library{grid-area:library;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-legacy-source{grid-area:source;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgroom-panel[hidden]{display:none!important;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-playlist [data-sono-playlist-selector]{display:flex;flex-direction:column;gap:8px;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-playlist [data-sono-playlist-selector]>p{margin:0!important;font-size:12px;}
#mgrSono .mgrv4-studio .mgrv4-console-grid>.mgrv4-playlist [data-mgr-playlist-order]{order:0!important;margin:0!important;padding:11px!important;background:#0d1831!important;border-color:#364d76!important;}
#mgrSono .mgrv4-studio [data-mgr-playlist-order] ol{list-style:decimal-leading-zero!important;list-style-position:inside!important;margin:8px 0!important;padding:0!important;counter-reset:none;}
#mgrSono .mgrv4-studio [data-mgr-playlist-order] ol>li{margin:3px 0!important;min-height:36px;padding:7px 7px!important;border-bottom:1px solid #2c3c5b;background:#101c35;color:#e4e9fb;border-radius:6px;}
#mgrSono .mgrv4-studio [data-mgr-playlist-order] ol>li span{display:inline-block;max-width:70%;overflow-wrap:anywhere;font-size:12px;}
#mgrSono .mgrv4-studio [data-mgr-playlist-order] button{float:right;min-height:29px!important;border-radius:7px!important;background:#253459!important;padding:3px 10px!important;border:1px solid #465783!important;color:#f3ecff!important;}
#mgrSono .mgrv4-studio .mgrv4-music-picker{order:1!important;margin:0!important;border:1px solid #36466d;border-radius:10px;background:#111e38;overflow:hidden;}
#mgrSono .mgrv4-studio .mgrv4-music-picker summary{cursor:pointer;list-style:none;font-size:12px;font-weight:750;background:linear-gradient(120deg,#4c3486,#563e9d);color:#f4e9ff;padding:11px 14px;}
#mgrSono .mgrv4-studio .mgrv4-music-picker summary::before{content:"＋ ";font-size:14px;}
#mgrSono .mgrv4-studio .mgrv4-music-picker[open] summary{margin-bottom:7px;}
#mgrSono .mgrv4-studio .mgrv4-music-picker input{width:calc(100% - 20px)!important;margin:7px 10px!important;}
#mgrSono .mgrv4-studio .mgrv4-music-picker>div{margin:6px 10px!important;}
#mgrSono .mgrv4-studio [data-sono-playlist-selector] button:not([disabled]){cursor:pointer;}
#mgrSono .mgrv4-studio .mgrv4-link .mgroom-link{font-size:11px!important;overflow-wrap:anywhere;background:#101a32!important;border:1px dashed #555b93!important;}
#mgrSono .mgrv4-studio .mgrv4-link button,#mgrSono .mgrv4-studio .mgrv4-preferences button{border-radius:9px!important;min-height:38px!important;}
#mgrSono .mgrv4-studio .mgrv4-library ol{columns:2;column-gap:20px;margin:8px 0!important;font-size:12px;color:#ccd9ed;}
#mgrSono .mgrv4-studio .mgrv4-live label{line-height:1.5!important;font-size:12px!important;}
#mgrSono .mgrv4-studio .mgrfusion-safety{background:transparent!important;border:0!important;border-top:1px solid #3c476b!important;border-radius:0!important;color:#a9b7d5!important;padding:12px 0 0!important;margin:16px 0 0!important;font-size:11px!important;}
#mgrSono .mgrv4-studio button:focus-visible,#mgrSono .mgrv4-studio summary:focus-visible{outline:2px solid #b58aff!important;outline-offset:2px!important;}
@media (max-width:960px){
  html body #mgrSono#mgrSono .mgrv4-studio #roomPublishModal .room-modal-box{grid-template-columns:minmax(135px,.7fr) minmax(0,1.3fr)!important;grid-template-areas:"image name" "image type" "desc desc" "visible open" "youtube audio" "media media" "actions actions" "status status";}
  html body #mgrSono#mgrSono .mgrv4-studio .mgrv4-console-grid{grid-template-columns:minmax(0,1fr) minmax(215px,.75fr)!important;}
}
@media (max-width:700px){
  html body #mgrSono#mgrSono .mgr-sono-room-host.mgrfusion-unified.mgrv4-studio{padding:13px!important;border-radius:13px!important;}
  html body #mgrSono#mgrSono .mgrv4-studio #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";gap:11px!important;}
  #mgrSono .mgrv4-studio .mgrv4-room-photo .room-image-preview{max-height:200px;}
  html body #mgrSono#mgrSono .mgrv4-studio .mgrv4-console-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"playlist" "link" "live" "preferences" "library";}
  #mgrSono .mgrv4-studio .mgroom-v4b3-switch{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #mgrSono .mgrv4-studio .mgroom-v4b3-switch button:last-child{grid-column:1/-1!important;}
  #mgrSono .mgrv4-studio .mgrv4-library ol{columns:1;}
}
@media (prefers-reduced-motion:reduce){#mgrSono .mgrv4-studio *,#mgrSono .mgrv4-studio *::before{transition:none!important;animation:none!important}}
/* Keep large read-only libraries compact without hiding their content or actions. */
#mgrSono .mgrv4-studio .mgrv4-library{max-height:270px;overflow:auto;}