/* SoulOne LIVE · Escenario a pantalla completa.
 * Scope only the dedicated Escenario view. Keep other presets, mixer and audio unchanged.
 * Supersedes old two-column grids from v09/v21/v30.
 */
@media (min-width:1000px) and (min-height:580px) and (pointer:fine) {
  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage,
  html:fullscreen body>.app.sl-mode-stage {
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body>.app.sl-mode-stage>.stage-header{grid-row:1!important}
  body>.app.sl-mode-stage>.stage-footer-note{grid-row:2!important}
  body>.app.sl-mode-stage>.main-grid{
    grid-row:3!important;
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"stage"!important;
    gap:0!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body>.app.sl-mode-stage>.main-grid>.right.live-library-panel{
    display:none!important;
  }
  body>.app.sl-mode-stage>.main-grid>.live-workspace{
    grid-area:stage!important;
    grid-column:1/-1!important;
    grid-row:1!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    gap:8px!important;
  }
  body>.app.sl-mode-stage>.main-grid>.live-workspace>.timeline{
    --sl-stage-name-width:144px;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    padding:12px 16px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body>.app.sl-mode-stage .live-workspace .timeline>.heading{
    flex:0 0 auto!important;
    min-width:0!important;
    gap:12px!important;
  }
  body>.app.sl-mode-stage .live-workspace .timeline .section-nav{
    min-width:0!important;
    max-width:calc(100% - 210px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  body>.app.sl-mode-stage .live-workspace .timeline>.segments{
    box-sizing:border-box!important;
    flex:0 0 36px!important;
    width:100%!important;
    min-width:0!important;
    padding-left:var(--sl-stage-name-width)!important;
    padding-right:0!important;
    overflow:hidden!important;
  }
  body>.app.sl-mode-stage .live-workspace .timeline>.stems-visual{
    box-sizing:border-box!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable;
  }
  body>.app.sl-mode-stage .live-workspace .timeline .wave-row{
    box-sizing:border-box!important;
    display:grid!important;
    flex:0 0 var(--sl-stage-track-height,38px)!important;
    grid-template-columns:var(--sl-stage-name-width) minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:var(--sl-stage-track-height,38px)!important;
    min-height:var(--sl-stage-track-height,38px)!important;
  }
  body>.app.sl-mode-stage .live-workspace .timeline .wave-name{
    min-width:0!important;
    padding:0 12px!important;
  }
  body>.app.sl-mode-stage .live-workspace .timeline .wave-canvas-wrap{
    position:relative!important;
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }
  body>.app.sl-mode-stage .live-workspace .timeline .wave-canvas-wrap canvas{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  body>.app.sl-mode-stage .live-workspace .timeline>.time-numbers{
    box-sizing:border-box!important;
    flex:0 0 18px!important;
    width:100%!important;
    padding-left:var(--sl-stage-name-width)!important;
    padding-right:0!important;
    min-width:0!important;
    margin-top:5px!important;
  }
  body>.app.sl-mode-stage>.main-grid>.live-workspace>.progress-panel{
    flex:0 0 66px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:66px!important;
    height:66px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body>.app.sl-mode-stage>.meter-title,
  body>.app.sl-mode-stage>#mixer{display:none!important}
  /* Shared song/section map stays underneath the performance viewport. */
  body>.app.sl-mode-stage>.sl-arrangement-map{
    grid-row:4!important;
    grid-column:1/-1!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  @media (max-height:760px) {
    body>.app.sl-mode-stage .live-workspace .timeline{
      padding:7px 11px!important;
    }
    body>.app.sl-mode-stage>.sl-arrangement-map{
      padding:6px 11px!important;
      gap:4px!important;
    }
    body>.app.sl-mode-stage>.sl-arrangement-map .sl-map-track{
      height:27px!important;
    }
  }
}
/* On narrower/touch screens, let existing mobile view presets own panel visibility. */