.mobile-panel-swipe{display:none}
@media(max-width:899px){
 body:not(.bzdr-desktop) #editView .edit-bottom-tools{display:none!important}
 #editView .mobile-command-pair{position:relative;padding-top:7px;box-sizing:border-box}
 .mobile-panel-swipe{position:absolute;display:block;left:0;right:0;top:-2px;height:10px;text-align:center;font:9px/10px system-ui;color:#8ba4b4;touch-action:pan-y;user-select:none}
 /* Five named grid rows must remain five rows while collapsing the chrome:
    header, tabs, arrange, screen, transport. Old four-row override caused
    phantom rows, clamping scrollTop and trapping the hidden File/View menu. */
 body:not(.bzdr-desktop) .studio-shell[data-view=edit]:not([data-effective-dock=top]):not([data-effective-dock=left]):not([data-effective-dock=right]){
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important
 }
 body.bzdr-mobile-header-hidden .studio-shell[data-view=edit]:not([data-effective-dock=top]):not([data-effective-dock=left]):not([data-effective-dock=right]){
  grid-template-rows:0px 0px 0px minmax(0,1fr) auto!important
 }
 body:not(.bzdr-desktop) .studio-shell[data-view=edit][data-effective-dock=top]{
  grid-template-rows:auto auto auto auto minmax(0,1fr)!important
 }
 body.bzdr-mobile-header-hidden .studio-shell[data-view=edit][data-effective-dock=top]{
  grid-template-rows:0px 0px 0px auto minmax(0,1fr)!important
 }
 body:not(.bzdr-desktop) .studio-shell[data-view=edit]:is([data-effective-dock=left],[data-effective-dock=right]){
  grid-template-rows:auto auto auto minmax(0,1fr)!important
 }
 body.bzdr-mobile-header-hidden .studio-shell[data-view=edit]:is([data-effective-dock=left],[data-effective-dock=right]){
  grid-template-rows:0px 0px 0px minmax(0,1fr)!important
 }
 body.bzdr-mobile-header-hidden .studio-shell[data-view=edit]>.main-header,
 body.bzdr-mobile-header-hidden .studio-shell[data-view=edit]>.top-tabs{
  display:none!important;min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important
 }
}
/* Phone rotation dedicates the entire app viewport to the timeline and its zoom corner. */
body.bzdr-mobile-landscape .studio-shell[data-view=edit]{display:block!important;width:100%!important;height:100dvh!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important}
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.main-header,
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.top-tabs,
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.transport-dock,
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.desktop-toolbar,
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.desktop-track-list,
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.desktop-inspector,
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.desktop-status,
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.workspace-bar{display:none!important}
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.screen-area{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important}
body.bzdr-mobile-landscape #editView.active{height:100%!important;max-height:none!important;padding:0!important}
body.bzdr-mobile-landscape #editView>.counter-bar,
body.bzdr-mobile-landscape #editView>.edit-mode-bar,
body.bzdr-mobile-landscape #editView>.mobile-inspector-toggle,
body.bzdr-mobile-landscape #editView>.mobile-clip-inspector,
body.bzdr-mobile-landscape #editView>.edit-bottom-tools{display:none!important}
body.bzdr-mobile-landscape #editView .timeline-viewport{height:100%!important;width:100%!important;flex:1!important;margin:0!important;border:0!important}
body.bzdr-mobile-landscape #editView{--zoom-button:22px;--zoom-rail:32px;--desktop-controls:90px}
body.bzdr-mobile-landscape #editView .track-header,body.bzdr-mobile-landscape #editView .ruler-stub{width:90px!important;min-width:90px!important}
body.bzdr-mobile-landscape #editView .desktop-timeline-nav{display:none!important}
body.bzdr-mobile-landscape .studio-shell[data-view=edit] #editView>.edit-bottom-tools{display:none!important}
body.bzdr-mobile-landscape #editView .timeline-ruler,
body.bzdr-mobile-landscape #editView #sessionRulerLanes,
body.bzdr-mobile-landscape #editView .markers{display:none!important}
/* Use Safari's visible viewport, including changes from its address bar. Keep
   corner targets inside the notch/home-indicator safe areas with breathing room. */
body.bzdr-mobile-landscape .studio-shell[data-view=edit]>.screen-area{
 inset:auto!important;top:var(--bzdr-visible-top,0px)!important;left:var(--bzdr-visible-left,0px)!important;
 width:var(--bzdr-visible-width,100vw)!important;height:var(--bzdr-visible-height,100dvh)!important;
 box-sizing:border-box!important;padding:max(4px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;
 background:#0b151d
}
body.bzdr-mobile-landscape #editView{--zoom-button:28px;--zoom-rail:20px}
/* A small visible arrow inside a larger transparent drag target. */
#editView .timeline-playhead-handle{
 width:28px!important;height:28px!important;min-height:0!important;padding:0!important;
 font-size:0!important;line-height:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;display:block!important
}
#editView .timeline-playhead-handle:after{
 content:'';position:absolute;top:2px;left:7px;width:14px;height:12px;
 background:linear-gradient(#c4ecff,#69a6cd);clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none
}
#editView .timeline-playhead-handle[hidden]{display:none!important}
@media(min-width:900px){#editView .timeline-playhead-handle:after{left:8px;width:12px;height:10px}}

/* Scroll physics remain owned by the track pane, avoiding whole-page rubber-band
   gestures and accidental menu taps beneath the DAW transport. */
@media(max-width:899px){
 body:not(.bzdr-desktop) #editView .timeline-viewport>.timeline-panel{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
 body:not(.bzdr-desktop) #editView .mobile-command-pair{touch-action:pan-y}
}

/* v5.30.32: landscape is a real EDIT workspace, not a read-only waveform.
   Keep the screenshot's two command slots and the selectable rulers visible. */
body.bzdr-mobile-landscape #editView.active{display:flex!important;flex-direction:column!important;min-height:0!important}
body.bzdr-mobile-landscape #editView>.edit-mode-bar{
 display:flex!important;flex:0 0 61px!important;height:61px!important;min-height:61px!important;
 padding:2px 5px!important;overflow:visible!important;z-index:12
}
body.bzdr-mobile-landscape #editView .mobile-command-pair{
 display:flex!important;flex:1 1 auto!important;min-width:0!important;height:57px!important;padding-top:5px!important
}
body.bzdr-mobile-landscape #editView .mobile-command-panel{min-width:0!important;height:53px!important}
body.bzdr-mobile-landscape #editView .mobile-command-head{height:24px!important;min-height:24px!important}
body.bzdr-mobile-landscape #editView .mobile-command-body{height:27px!important;min-height:27px!important}
body.bzdr-mobile-landscape #editView .mobile-command-body select,
body.bzdr-mobile-landscape #editView .mobile-command-body button{height:27px!important;min-height:27px!important}
body.bzdr-mobile-landscape #editView>.mobile-inspector-toggle{
 display:block!important;flex:0 0 27px!important;height:27px!important;min-height:27px!important;
 padding:3px 9px!important;font-size:12px!important
}
body.bzdr-mobile-landscape #editView>.mobile-clip-inspector:not([hidden]){
 display:block!important;max-height:75px!important;overflow-y:auto!important;flex:0 0 auto!important
}
body.bzdr-mobile-landscape #editView>.timeline-viewport{
 flex:1 1 auto!important;height:auto!important;min-height:0!important;width:100%!important;
 margin:0!important;border:0!important
}
body.bzdr-mobile-landscape #editView .timeline-ruler,
body.bzdr-mobile-landscape #editView .markers{
 display:flex!important;height:23px!important;min-height:23px!important
}
body.bzdr-mobile-landscape #editView .timeline-ruler[hidden],
body.bzdr-mobile-landscape #editView .markers[hidden]{display:none!important}
body.bzdr-mobile-landscape #editView #sessionRulerLanes:not(:empty){display:block!important}
body.bzdr-mobile-landscape #editView .session-ruler{height:20px!important;min-height:20px!important;font-size:10px!important}
body.bzdr-mobile-landscape #editView .session-ruler>button:first-child{padding:0 4px!important}
@media(max-height:330px){
 body.bzdr-mobile-landscape #editView>.edit-mode-bar{flex-basis:53px!important;height:53px!important;min-height:53px!important}
 body.bzdr-mobile-landscape #editView .mobile-command-pair{height:49px!important}
 body.bzdr-mobile-landscape #editView .mobile-command-panel{height:46px!important}
 body.bzdr-mobile-landscape #editView>.mobile-inspector-toggle{flex-basis:22px!important;height:22px!important;min-height:22px!important}
 body.bzdr-mobile-landscape #editView .session-ruler{height:17px!important;min-height:17px!important}
}

/* v5.30.33: keep both editing command panels full-width in phone landscape. */
@media(max-width:899px) and (orientation:landscape){
 body.bzdr-mobile-landscape #editView>.edit-mode-bar{
  display:flex!important;position:relative!important;width:100%!important;min-width:0!important;
  flex:0 0 67px!important;height:67px!important;min-height:67px!important;
  padding:3px 4px 2px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;z-index:4!important
 }
 body.bzdr-mobile-landscape #editView .mobile-command-pair{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  flex:1 1 0!important;height:60px!important;padding:0!important;margin:0!important;gap:5px!important;box-sizing:border-box!important
 }
 body.bzdr-mobile-landscape #editView .mobile-command-panel{
  width:100%!important;min-width:0!important;max-width:none!important;height:60px!important;
  display:flex!important;flex-direction:column!important;gap:3px!important;padding:3px 5px!important;box-sizing:border-box!important
 }
 body.bzdr-mobile-landscape #editView .mobile-command-head{
  display:flex!important;width:100%!important;min-width:0!important;height:21px!important;min-height:21px!important;gap:5px!important
 }
 body.bzdr-mobile-landscape #editView .mobile-command-head select{
  flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:21px!important;min-height:21px!important;font-size:11px!important
 }
 body.bzdr-mobile-landscape #editView .mobile-command-body{
  display:flex!important;width:100%!important;min-width:0!important;flex:1 1 auto!important;height:27px!important;min-height:27px!important;gap:4px!important
 }
 body.bzdr-mobile-landscape #editView .mobile-command-body[hidden]{display:none!important}
 body.bzdr-mobile-landscape #editView .mobile-command-body select{flex:1 1 auto!important;min-width:0!important;width:100%!important;font-size:11px!important}
 body.bzdr-mobile-landscape #editView .mobile-command-body button{flex:0 0 31px!important;min-width:31px!important}
 body.bzdr-mobile-landscape #editView .mobile-command-body button.mobile-command-grow{flex:1 1 auto!important}
 body.bzdr-mobile-landscape #editView .mobile-panel-swipe{pointer-events:none!important}
 body.bzdr-mobile-landscape #editView>.mobile-inspector-toggle{
  display:block!important;position:relative!important;z-index:2!important;width:100%!important;
  height:26px!important;min-height:26px!important;flex:0 0 26px!important;margin:0!important;
  padding:3px 9px!important;box-sizing:border-box!important
 }
 body.bzdr-mobile-landscape #editView>.timeline-viewport{
  width:100%!important;max-width:100%!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important
 }
}
@media(max-width:899px) and (orientation:landscape) and (max-height:330px){
 body.bzdr-mobile-landscape #editView>.edit-mode-bar{height:61px!important;min-height:61px!important;flex-basis:61px!important}
 body.bzdr-mobile-landscape #editView .mobile-command-pair,
 body.bzdr-mobile-landscape #editView .mobile-command-panel{height:54px!important}
 body.bzdr-mobile-landscape #editView>.mobile-inspector-toggle{height:22px!important;min-height:22px!important;flex-basis:22px!important}
}