/* SoulOne LIVE v50 — visual fidelity to approved first mobile reference.
   Only presentation in mobile / preview. No change to Web Audio or state. */
@media(max-width:1100px) and (pointer:coarse){
 html:not(.soulone-ipad-classic) body>.app.soul-mobile-console{
  --sl50-edge:#2c455a;--sl50-canvas:#081522;--sl50-panel:#112638;
  background:#081522!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  gap:8px!important;
 }
 /* 1) Identical one-line header proportions and compact official logo */
 html:not(.soulone-ipad-classic) body>.app.soul-mobile-console>.top.stage-header{
  padding:7px 10px!important;gap:9px!important;
  background:#112536!important;border-color:#2b4359!important;
  height:62px!important;min-height:62px!important;max-height:62px!important;
 }
 body>.app.soul-mobile-console .stage-identity{
  min-width:0!important;gap:11px!important;overflow:hidden!important;
 }
 body>.app.soul-mobile-console .stage-identity .brand{
  gap:6px!important;flex:0 0 auto!important;white-space:nowrap!important;
 }
 body>.app.soul-mobile-console .stage-identity .brand img{
  flex:0 0 35px!important;width:35px!important;height:35px!important;
  background:#0d2437!important;border-radius:7px!important
 }
 body>.app.soul-mobile-console .stage-identity .soulone-family-wordmark{
  display:inline-block!important;max-width:none!important;
  font-size:14px!important;font-weight:730!important;letter-spacing:.065em!important;
 }
 body>.app.soul-mobile-console .stage-identity .live{
  padding:3px 5px!important;font-size:9px!important;border-radius:5px!important
 }
 body>.app.soul-mobile-console .stage-identity .song-head{
  min-width:0!important;max-width:none!important;overflow:hidden!important;
  flex:1 1 0%!important;padding-left:12px!important;border-left:1px solid #375269!important
 }
 body>.app.soul-mobile-console .stage-identity .song-head strong{
  font-weight:650!important;font-size:13px!important;letter-spacing:0!important;
  color:#f1f7fc!important;white-space:nowrap!important;
 }
 body>.app.soul-mobile-console .stage-identity .song-head small{
  font-weight:450!important;font-size:10px!important;color:#90a9ba!important
 }
 body>.app.soul-mobile-console .stage-center{
  border:1px solid #375267!important;background:#0e2030!important;
  height:45px!important;min-height:45px!important;max-height:45px!important;
  grid-template-columns:minmax(100px,1fr) 49px minmax(119px,1fr)!important;
  border-radius:9px!important
 }
 body>.app.soul-mobile-console .stage-center .field-label{
  font-size:10px!important;font-weight:530!important;color:#a2bccb!important
 }
 body>.app.soul-mobile-console .stage-center :is(#headerTempoVal,#originalKey,#pitchVal){
  font-size:18px!important;line-height:24px!important;font-weight:700!important
 }
 body>.app.soul-mobile-console .stage-center :is(.value-row,.ctl-group) button{
  width:27px!important;min-width:27px!important;max-width:27px!important;
  height:27px!important;min-height:27px!important;max-height:27px!important;
  padding:0!important;background:#243e52!important;
  font-size:17px!important;font-weight:600!important
 }
 /* 2) Exactly four tabs. Audio moves into top menu. */
 body>.app.soul-mobile-console .sl-mobile-view-nav:not([hidden]){
  min-height:43px!important;max-height:43px!important;
  padding:0!important;margin:0!important;gap:0!important
 }
 body>.app.soul-mobile-console .sl-mobile-view-nav .sl-mobile-presets{
  display:flex!important;flex:1 1 100%!important;width:100%!important;
  max-width:100%!important;padding:3px!important;gap:0!important;
  background:#091a29!important;border:1px solid #294154!important;
  border-radius:9px!important
 }
 body>.app.soul-mobile-console .sl-mobile-view-nav .sl-mobile-presets .sl-mobile-preset{
  flex:1 1 0%!important;min-width:0!important;max-width:none!important;
  width:25%!important;min-height:35px!important;height:35px!important;
  padding:4px 5px!important;border:1px solid transparent!important;
  font-size:12px!important;font-weight:630!important;letter-spacing:0!important;
  color:#9cb6c6!important;background:transparent!important;border-radius:8px!important
 }
 body>.app.soul-mobile-console .sl-mobile-view-nav .sl-mobile-presets .sl-mobile-preset[aria-pressed="true"]{
  color:#f4fffd!important;background:#16616a!important;
  border:1px solid #46c9c0!important;
  box-shadow:0 0 0 1px #0b2632,inset 0 0 0 1px #286d74!important
 }
 body>.app.soul-mobile-console .sl-mobile-view-nav .sl-mobile-audio-trigger{display:none!important}
 /* 3) Two-pane workspace exactly like the reference, 64% / 36%. */
 html:not(.soulone-ipad-classic) body>.app.soul-mobile-console.slmv-show-stage.slmv-show-repertoire>.main-grid{
  display:grid!important;grid-template-columns:minmax(0,1.78fr) minmax(220px,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;gap:9px!important;
  min-height:0!important;max-height:none!important
 }
 body>.app.soul-mobile-console.slmv-show-stage.slmv-show-repertoire>.main-grid>.live-workspace{
  display:flex!important;grid-column:1!important;grid-row:1!important;min-height:0!important
 }
 body>.app.soul-mobile-console.slmv-show-stage.slmv-show-repertoire>.main-grid>.right.live-library-panel{
  grid-column:2!important;grid-row:1!important;min-height:0!important;
  max-height:none!important;width:100%!important
 }
 /* 4) Single section summary on the right, controls accessible in top menu. */
 body>.app.soul-mobile-console .timeline .heading{
  display:flex!important;align-items:center!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:3px 12px 9px!important;margin:0!important;
  border-bottom:1px solid #29475b!important
 }
 body>.app.soul-mobile-console .timeline .heading .eyebrow{
  font-size:13px!important;font-weight:660!important;line-height:20px!important
 }
 body>.app.soul-mobile-console .timeline .heading .section-nav{display:none!important}
 body>.app.soul-mobile-console .timeline .heading .sl50-section-summary{
  display:block!important;margin-left:auto!important;flex:0 0 auto!important;
  padding-left:9px!important;white-space:nowrap!important;
  font-size:11px!important;font-weight:500!important;
  letter-spacing:0!important;color:#96afc1!important
 }
 body>.app.soul-mobile-console .timeline{padding:0!important;overflow:hidden!important}
 body>.app.soul-mobile-console .timeline .segments{
  margin:12px 12px 0!important;padding-left:72px!important;
  padding-right:0!important;flex:0 0 24px!important;height:24px!important;
  gap:2px!important
 }
 body>.app.soul-mobile-console .timeline .segment{
  border:0!important;border-radius:0!important;
  font-size:10px!important;letter-spacing:.04em!important;font-weight:700!important;
  color:#fff!important;padding:4px 1px!important;box-shadow:none!important
 }
 body>.app.soul-mobile-console .timeline .segment:first-child{border-radius:5px 0 0 0!important}
 body>.app.soul-mobile-console .timeline .segment:last-child{border-radius:0 5px 0 0!important}
 body>.app.soul-mobile-console .timeline .stems-visual{
  flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;
  margin:0 12px!important;padding:0!important;background:#0e2435!important
 }
 body>.app.soul-mobile-console .timeline .wave-row{
  display:grid!important;height:35px!important;min-height:35px!important;
  max-height:35px!important;flex:0 0 35px!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  background:transparent!important;border-bottom:1px solid #294357!important
 }
 body>.app.soul-mobile-console .timeline .wave-name{
  display:flex!important;gap:5px!important;align-items:center!important;
  padding:0 3px 0 0!important;background:transparent!important;
  font-size:11px!important;font-weight:600!important;color:#eaf3fb!important
 }
 body>.app.soul-mobile-console .timeline .wave-name .w-dot{
  flex:0 0 5px!important;width:5px!important;height:13px!important;
  min-height:13px!important;max-height:13px!important;border-radius:4px!important
 }
 body>.app.soul-mobile-console .timeline .wave-name .lock{display:none!important}
 body>.app.soul-mobile-console .timeline .wave-canvas-wrap{
  height:100%!important;min-height:0!important;border-left:1px solid #6b9ac0!important;
  background:#0b1b2c!important
 }
 body>.app.soul-mobile-console .timeline .wave-canvas-wrap canvas{
  width:100%!important;height:100%!important
 }
 body>.app.soul-mobile-console.slmv-show-stage.slmv-show-repertoire .timeline .wave-row:nth-child(n+5){
  display:none!important
 }
 body>.app.soul-mobile-console .timeline .time-numbers{
  flex:0 0 15px!important;min-height:15px!important;height:15px!important;
  margin:2px 12px 8px!important;padding-left:72px!important;
  font-size:10px!important;color:#94adbe!important
 }
 /* 5) Compact transport, no giant frame */
 body>.app.soul-mobile-console .main-grid .progress-panel{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  height:56px!important;min-height:56px!important;max-height:56px!important;
  padding:6px 10px!important;gap:8px!important;
  background:#183145!important;border:1px solid #345269!important;
  border-radius:10px!important
 }
 body>.app.soul-mobile-console .progress-panel .clock{
  flex:0 0 auto!important;margin-right:auto!important;
  font-size:24px!important;line-height:28px!important;font-weight:760!important;
  color:#fff!important;white-space:nowrap!important
 }
 body>.app.soul-mobile-console .progress-panel .clock small{
  font-size:11px!important;font-weight:500!important;color:#96b1c1!important
 }
 body>.app.soul-mobile-console .progress-panel .transport{
  display:flex!important;flex:0 0 auto!important;align-items:center!important;
  order:0!important;gap:6px!important;margin:0!important
 }
 body>.app.soul-mobile-console .progress-panel .transport button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:36px!important;min-width:36px!important;max-width:36px!important;
  height:36px!important;min-height:36px!important;max-height:36px!important;
  font-size:14px!important;border-radius:8px!important;
  background:#253e51!important;color:#d8e9f4!important;
  border:1px solid #456278!important;padding:0!important
 }
 body>.app.soul-mobile-console .progress-panel .transport #play{
  width:43px!important;min-width:43px!important;max-width:43px!important;
  background:#1477bc!important;border-color:#3c9ae0!important;
  font-size:18px!important
 }
 body>.app.soul-mobile-console .progress-panel .length{
  flex:0 1 24%!important;min-width:60px!important;
  margin-left:auto!important;order:0!important
 }
 body>.app.soul-mobile-console .progress-panel .length input{
  width:100%!important;height:6px!important;accent-color:#4bbaa9!important
 }
 /* 6) Repertorio: only title, state, list of songs. */
 body>.app.soul-mobile-console .right.live-library-panel{
  background:#112638!important;border:1px solid #2c455a!important;
  border-radius:11px!important;min-height:0!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .sl49-repertoire-header{
  display:flex!important;height:43px!important;min-height:43px!important;
  max-height:43px!important;flex:0 0 43px!important;
  padding:8px 12px!important;gap:7px!important;
  border-bottom:1px solid #29475b!important
 }
 body>.app.soul-mobile-console .sl49-repertoire-header>strong{
  color:#e9f2f8!important;font-size:13px!important;font-weight:650!important
 }
 body>.app.soul-mobile-console .sl49-repertoire-status{
  font-size:11px!important;font-weight:500!important;color:#70d7c6!important
 }
 body>.app.soul-mobile-console.slmv-show-stage.slmv-show-repertoire .sl49-repertoire-header .sl49-options{
  display:none!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .sl-now-playing{display:none!important}
 body>.app.soul-mobile-console.slmv-repertoire-only .right.live-library-panel .sl-now-playing{
  display:flex!important;padding:9px 12px!important
 }
 body>.app.soul-mobile-console .right.live-library-panel>.tabs{display:none!important}
 body>.app.soul-mobile-console .right.sl49-advanced-open>.tabs{display:flex!important}
 body>.app.soul-mobile-console .right.live-library-panel .tabcontent{
  flex:1 1 0%!important;min-height:0!important;max-height:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  padding:7px 9px!important;background:transparent!important
 }
 body>.app.soul-mobile-console .right.live-library-panel :is(.search,.sl-selection-toolbar,#sl-song-selection-toolbar,.sl-restore,.side-actions){
  display:none!important
 }
 body>.app.soul-mobile-console .right.sl49-advanced-open .tabcontent :is(.search,.sl-selection-toolbar,#sl-song-selection-toolbar,.sl-restore,.side-actions){
  display:flex!important
 }
 body>.app.soul-mobile-console .right.sl49-advanced-open .tabcontent .search{
  display:block!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .setlist{
  display:flex!important;flex-direction:column!important;gap:2px!important;
  margin:0!important;padding:0 0 7px!important;
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem{
  position:relative!important;display:flex!important;align-items:center!important;
  gap:9px!important;min-height:54px!important;
  padding:9px 10px!important;margin:0!important;overflow:hidden!important;
  background:transparent!important;color:#e9f2f8!important;
  border:1px solid transparent!important;border-radius:8px!important;
  box-shadow:none!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem.selected{
  background:#174052!important;border:1px solid #387b85!important;
  box-shadow:none!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .num{
  color:#7596ab!important;flex:0 0 21px!important;width:21px!important;
  font-size:11px!important;font-weight:500!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .name{
  display:flex!important;flex:1 1 0%!important;min-width:0!important;
  flex-direction:column!important;gap:3px!important;overflow:hidden!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .name b{
  font-size:12px!important;font-weight:650!important;line-height:1.2!important;
  color:#f1f7fc!important;letter-spacing:0!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .name small{
  color:#86aeaf!important;font-size:10px!important;font-weight:500!important;
  line-height:1.25!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .sl50-duration{
  display:block!important;flex:0 0 auto!important;
  color:#a0b8c8!important;font-size:11px!important;
  font-weight:500!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .song-grip,
 body>.app.soul-mobile-console .right.live-library-panel .songitem .sl-select-song,
 body>.app.soul-mobile-console .right.live-library-panel .songitem .sl-mini-transport,
 body>.app.soul-mobile-console .right.live-library-panel .songitem>.playSong,
 body>.app.soul-mobile-console .right.live-library-panel .songitem .sl-song-playing-state,
 body>.app.soul-mobile-console .right.live-library-panel .songitem .sl-queued-label{
  display:none!important
 }
 body>.app.soul-mobile-console .right.sl49-advanced-open .songitem :is(.song-grip,.sl-select-song,.sl-mini-transport,.playSong,.sl-song-playing-state,.sl-queued-label){
  display:flex!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .sl-song-details{
  gap:5px!important;align-items:center!important;white-space:nowrap!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .song-meta{
  display:none!important
 }
 body>.app.soul-mobile-console .right.sl49-advanced-open .songitem .song-meta{display:block!important}
 body>.app.soul-mobile-console .right.live-library-panel .songitem .song-file-state{
  color:#86aeaf!important;font-size:9px!important
 }
 body>.app.soul-mobile-console .right.live-library-panel .songitem .sl-song-more,
 body>.app.soul-mobile-console .right.live-library-panel .songitem .sl50-row-options{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 25px!important;width:25px!important;min-width:25px!important;max-width:25px!important;
  height:30px!important;min-height:30px!important;max-height:30px!important;
  border:0!important;background:transparent!important;color:#93adbc!important;
  font-size:18px!important;border-radius:7px!important;padding:0!important;
  box-shadow:none!important
 }
 /* 7) Four compact fader systems match the sample, but native gain inputs stay operational. */
 body>.app.soul-mobile-console.soul-mobile-mix-screen>.meter-title{flex:0 0 34px!important;height:34px!important;min-height:34px!important}
 body>.app.soul-mobile-console.soul-mobile-mix-screen>.meter-title .sl-fader-size-toggle{
  display:none!important
 }
 body>.app.soul-mobile-console #mixer .clean-group h3{
  font-weight:640!important;font-size:11px!important;color:#a8c0d0!important
 }
 body>.app.soul-mobile-console #mixer .striphead{
  font-size:11px!important;font-weight:650!important
 }
 body>.app.soul-mobile-console #mixer .strip .db{
  color:#b0c3d0!important;font-weight:550!important;font-size:10px!important
 }
 body>.app.soul-mobile-console #mixer .strip .dual button{
  min-width:18px!important;height:24px!important;min-height:24px!important;
  font-size:11px!important;font-weight:650!important;border-radius:5px!important
 }
 body>.app.soul-mobile-console #mixer .strip .dual button:is(.muted,.soloed){
  background:#126c75!important;border-color:#46b5af!important;color:#fff!important
 }
 /* All menu-only controls are still in the DOM and operable. */
 body>.app.soul-mobile-console .sl50-section-tools{display:none!important}
 body>.app.soul-mobile-console .stage-menu .sl50-section-tools{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important
 }
 body>.app.soul-mobile-console .stage-menu .sl50-section-tools button{
  width:auto!important;min-width:34px!important;height:33px!important;
  padding:4px 8px!important;border:1px solid #426176!important;
  background:#243e52!important;color:#e6f6fc!important;border-radius:7px!important
 }
 body>.app.soul-mobile-console .sl50-top-menu-entry{display:flex!important}
 body>.app.soul-mobile-console .sl-mobile-audio-menu:not([hidden]){
  position:fixed!important;z-index:2000!important;
  right:max(8px,env(safe-area-inset-right))!important;
  top:max(65px,env(safe-area-inset-top))!important;
  left:auto!important;max-height:70dvh!important;max-width:330px!important;
  overflow-y:auto!important;display:flex!important;
  background:#152c3e!important;border:1px solid #45647b!important;
  border-radius:11px!important;padding:9px!important
 }
}
/* Portrait: preserve layout logic, only same typographic family. */
@media(max-width:1100px) and (pointer:coarse) and (orientation:portrait){
 body>.app.soul-mobile-console>.top.stage-header{
  min-height:106px!important;height:106px!important;max-height:106px!important
 }
 body>.app.soul-mobile-console .stage-identity .brand img{width:30px!important;height:30px!important}
 body>.app.soul-mobile-console .stage-identity .soulone-family-wordmark{font-size:12px!important}
 body>.app.soul-mobile-console .sl-mobile-view-nav .sl-mobile-presets .sl-mobile-preset{
  font-size:10px!important
 }
 body>.app.soul-mobile-console.slmv-show-stage.slmv-show-repertoire>.main-grid{
  display:flex!important;flex-direction:column!important;gap:8px!important
 }
 body>.app.soul-mobile-console.slmv-show-stage.slmv-show-repertoire>.main-grid>.live-workspace{
  order:0!important;flex:1 1 57%!important;min-height:0!important
 }
 body>.app.soul-mobile-console.slmv-show-stage.slmv-show-repertoire>.main-grid>.right.live-library-panel{
  order:1!important;flex:1 1 43%!important;min-height:0!important;max-height:none!important
 }
}
/* Landscape screenshot dimensions 844x390: preserve time to read the four lanes. */
@media(max-width:1100px) and (pointer:coarse) and (orientation:landscape){
 html:not(.soulone-ipad-classic) body>.app.soul-mobile-console>.top.stage-header{
  display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(290px,.9fr) 38px!important;
  grid-template-rows:auto!important;height:62px!important;min-height:62px!important;max-height:62px!important;
 }
 body>.app.soul-mobile-console .timeline .heading{height:40px!important}
 body>.app.soul-mobile-console .timeline .wave-row{height:32px!important;min-height:32px!important;max-height:32px!important;flex-basis:32px!important}
}
/* In true portrait, never force landscape minimum columns. */
@media(max-width:600px) and (pointer:coarse) and (orientation:portrait){
 body>.app.soul-mobile-console .stage-center{width:100%!important;grid-template-columns:minmax(105px,1fr) 46px minmax(116px,1fr)!important}
 body>.app.soul-mobile-console .progress-panel .transport{gap:3px!important}
 body>.app.soul-mobile-console .progress-panel .transport button{width:33px!important;min-width:33px!important;max-width:33px!important}
 body>.app.soul-mobile-console .progress-panel .length{min-width:38px!important}
}


/* v50.1 — horizontal mobile alignment / actual Master fader preservation.
   The extra diagnostics card was hidden on desktop by v42 but not on phones;
   that card is what covered the real Master in the supplied screenshot. */
@media(max-width:1100px) and (pointer:coarse){
  html:not(.soulone-ipad-classic) body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer.mixer.clean-mixer{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(152px,178px) minmax(0,1fr) 116px!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
    overflow:hidden!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--monitor{
    grid-column:1!important;grid-row:1!important;min-width:0!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--music{
    grid-column:2!important;grid-row:1!important;min-width:0!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master{
    box-sizing:border-box!important;
    grid-column:3!important;grid-row:1!important;
    display:flex!important;flex-direction:column!important;
    min-width:0!important;width:100%!important;max-width:100%!important;
    min-height:0!important;height:100%!important;
    overflow:hidden!important;padding:5px!important;
    background:#12283a!important;border:1px solid #426584!important;
  }
  /* Duplicate pre/post-gain diagnostic meters must not cover the Master gain control. */
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master>.sl-music-output-mini{
    display:none!important;visibility:hidden!important;
    width:0!important;height:0!important;max-height:0!important;
    flex:0 0 0!important;overflow:hidden!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master>.clean-rail{
    box-sizing:border-box!important;
    display:flex!important;flex:1 1 0%!important;
    align-items:stretch!important;justify-content:center!important;
    width:100%!important;min-width:0!important;min-height:0!important;
    height:auto!important;max-height:none!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master .strip.master{
    position:relative!important;box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;
    flex:1 1 100%!important;width:100%!important;
    min-width:0!important;max-width:100%!important;
    min-height:0!important;height:100%!important;max-height:100%!important;
    margin:0!important;padding:0 3px 5px!important;
    overflow:hidden!important;background:#152d3f!important;
    border:1px solid #47758c!important;border-radius:8px!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master .strip.master .striphead{
    box-sizing:border-box!important;display:flex!important;
    flex:0 0 32px!important;min-height:32px!important;height:32px!important;max-height:32px!important;
    width:100%!important;padding:4px 2px!important;margin:0!important;
    font-size:11px!important;line-height:20px!important;
    color:#e8f3fb!important;background:#152d3f!important;
    border:0!important;border-bottom:2px solid #77d2e4!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master .strip.master .faderbox{
    box-sizing:border-box!important;display:flex!important;
    flex:1 1 0%!important;min-height:66px!important;max-height:none!important;
    height:auto!important;width:100%!important;
    align-items:stretch!important;justify-content:space-evenly!important;
    gap:7px!important;margin:0!important;padding:6px 5px 4px!important;
    background:#091c2a!important;overflow:visible!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master #masterGain{
    display:block!important;visibility:visible!important;
    flex:0 0 34px!important;box-sizing:border-box!important;
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:100%!important;min-height:60px!important;max-height:none!important;
    margin:0!important;padding:0!important;
    writing-mode:vertical-lr!important;direction:rtl!important;
    pointer-events:auto!important;opacity:1!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master #masterMeterVisual{
    visibility:visible!important;opacity:1!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master .strip.master .db{
    display:block!important;flex:0 0 18px!important;
    height:18px!important;min-height:18px!important;line-height:18px!important;
    color:#c5dce8!important;font-size:10px!important;text-align:center!important;
    overflow:hidden!important;white-space:nowrap!important;
  }

  /* Three centered controls, identical label/value vertical rhythm, no skewed boxes. */
  html:not(.soulone-ipad-classic) body>.app.soul-mobile-console>.top.stage-header{
    box-sizing:border-box!important;
    display:grid!important;align-items:center!important;
    grid-template-columns:minmax(0,1fr) clamp(302px,42%,355px) 36px!important;
    column-gap:8px!important;
    padding:6px 9px!important;min-width:0!important;
  }
  body>.app.soul-mobile-console .stage-center{
    box-sizing:border-box!important;
    display:grid!important;align-items:stretch!important;align-content:stretch!important;
    grid-template-columns:minmax(109px,1fr) 52px minmax(113px,1.12fr)!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:47px!important;min-height:47px!important;max-height:47px!important;
    gap:0!important;padding:3px 5px!important;margin:0!important;
    border:1px solid #375267!important;border-radius:9px!important;
    background:#0e2030!important;overflow:hidden!important;
  }
  body>.app.soul-mobile-console .stage-center .stage-field{
    box-sizing:border-box!important;
    position:relative!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;
    min-height:0!important;height:100%!important;
    padding:0 3px!important;margin:0!important;gap:2px!important;
    border:0!important;border-radius:0!important;background:transparent!important;
  }
  body>.app.soul-mobile-console .stage-center :is(.stage-field--key,.stage-field--pitch){
    border-left:1px solid #375267!important;
  }
  body>.app.soul-mobile-console .stage-center .field-label{
    display:block!important;flex:0 0 12px!important;
    box-sizing:border-box!important;
    width:100%!important;min-width:0!important;
    padding:0!important;margin:0!important;
    text-align:center!important;white-space:nowrap!important;
    font-size:10px!important;line-height:12px!important;
    font-weight:560!important;letter-spacing:0!important;
    color:#a2bccb!important;
  }
  body>.app.soul-mobile-console .stage-center :is(.value-row,.ctl-group){
    box-sizing:border-box!important;display:flex!important;
    flex:0 0 27px!important;height:27px!important;min-height:27px!important;
    width:100%!important;min-width:0!important;
    align-items:center!important;justify-content:center!important;
    gap:6px!important;margin:0!important;padding:0!important;
  }
  body>.app.soul-mobile-console .stage-center :is(#headerTempoVal,#originalKey,#pitchVal){
    display:inline-flex!important;flex:0 0 25px!important;
    align-items:center!important;justify-content:center!important;
    width:25px!important;min-width:25px!important;max-width:25px!important;
    height:27px!important;min-height:27px!important;max-height:27px!important;
    padding:0!important;margin:0!important;
    font-size:18px!important;line-height:27px!important;font-weight:700!important;
    letter-spacing:-.02em!important;text-align:center!important;
    font-variant-numeric:tabular-nums!important;color:#f9fcff!important;
  }
  body>.app.soul-mobile-console .stage-center :is(.value-row,.ctl-group) button{
    box-sizing:border-box!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 27px!important;width:27px!important;min-width:27px!important;max-width:27px!important;
    height:27px!important;min-height:27px!important;max-height:27px!important;
    margin:0!important;padding:0!important;
    font-size:17px!important;line-height:1!important;font-weight:650!important;
    background:#243e52!important;border:1px solid #436276!important;
    border-radius:7px!important;box-shadow:none!important;
  }
}
/* On narrow landscape phones, keep the Master protected while allowing
   the instrument rail (not the Master) to scroll horizontally. */
@media(max-width:740px) and (pointer:coarse) and (orientation:landscape){
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer.mixer.clean-mixer{
    grid-template-columns:148px minmax(0,1fr) 106px!important;
    gap:5px!important;padding:5px!important;
  }
  body>.app.soul-mobile-console .stage-center{
    grid-template-columns:minmax(103px,1fr) 47px minmax(107px,1.1fr)!important;
    padding-inline:3px!important;
  }
  body>.app.soul-mobile-console .stage-center :is(.value-row,.ctl-group){
    gap:4px!important;
  }
}
/* Portrait uses the existing two-row mixer layout (Master at top right).
   It still benefits from the diagnostic-hide and centered musical fields. */
@media(max-width:1100px) and (pointer:coarse) and (orientation:portrait){
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer.mixer.clean-mixer{
    grid-template-columns:minmax(0,1fr) 106px!important;
    grid-template-rows:minmax(130px,1fr) minmax(140px,1.1fr)!important;
    overflow-y:auto!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--monitor{
    grid-column:1!important;grid-row:1!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--master{
    grid-column:2!important;grid-row:1!important;
  }
  body>.app.soul-mobile-console.soul-mobile-mix-screen>#mixer .clean-group--music{
    grid-column:1/-1!important;grid-row:2!important;
  }
  html:not(.soulone-ipad-classic) body>.app.soul-mobile-console>.top.stage-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;
  }
  body>.app.soul-mobile-console .stage-center{
    grid-column:1/-1!important;grid-row:2!important;
    height:47px!important;min-height:47px!important;max-height:47px!important;
  }
}


/* v50.2 — Escenario full-width mobile session.
   In the dedicated Escenario preset, Repertorio is absent, so do not retain
   a second grid column (or the narrower Completa stage sizing).
   Full-width layout does not touch the app's audio, song or canvas events. */
@media (max-width:1100px) and (pointer:coarse){
  html:not(.soulone-ipad-classic) body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire:not(.soul-mobile-mix-screen)>.main-grid{
    display:grid!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    flex:1 1 0%!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
  }
  html:not(.soulone-ipad-classic) body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire:not(.soul-mobile-mix-screen)>.main-grid>.live-workspace{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    grid-column:1 / -1!important;
    grid-row:1!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    flex:1 1 0%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    gap:7px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire>.main-grid>.right.live-library-panel{
    display:none!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire>.main-grid>.live-workspace>.timeline{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 0%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .timeline .heading{
    width:100%!important;
    box-sizing:border-box!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .timeline .stems-visual{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    flex:1 1 0%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .timeline .wave-canvas-wrap,
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .timeline .wave-canvas-wrap canvas{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire>.main-grid>.live-workspace>.progress-panel{
    box-sizing:border-box!important;
    display:flex!important;
    flex:0 0 56px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .progress-panel .length{
    flex:1 1 auto!important;
    min-width:65px!important;
    max-width:none!important;
    margin-left:9px!important;
  }
}
/* Compact landscape phones: show more lanes without creating scroll on the
   entire console; stems can still scroll if a song has many channels. */
@media (max-width:1100px) and (pointer:coarse) and (orientation:landscape){
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .timeline .heading{
    flex:0 0 36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .timeline .segments{
    flex:0 0 23px!important;
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    margin-top:8px!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .timeline .wave-row{
    flex:0 0 28px!important;
    min-height:28px!important;
    height:28px!important;
    max-height:28px!important;
  }
  body>.app.soul-mobile-console.slmv-show-stage.slmv-hide-repertoire .timeline .time-numbers{
    flex:0 0 15px!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    margin-top:2px!important;
    margin-bottom:5px!important;
  }
}