/* LYRIC ROOM v3.7.7 - adjustable dual-column recording workspace.
 * Only the recording page is affected. Main lyric editor/other tabs untouched.
 */
body.lr34-theme .lr35-record-page .lr35-grid {
  --lr377-right-width: 420px;
  display:grid;
  grid-template-columns: minmax(0,1fr) 12px minmax(290px,var(--lr377-right-width));
  gap:0;
  align-items:start;
}
body.lr34-theme .lr35-record-page .lr35-main { min-width:0; margin-right: 6px; }
body.lr34-theme .lr35-record-page .lr35-side { min-width:0; margin-left: 6px; }
body.lr34-theme .lr35-record-page #lr374-monitor-panel {
  min-width:0;
  border-color:#85685f;
  background:#20242e;
}
/* Fixed dock while its scrollable inner content follows the user down the tracks. */
body.lr34-theme .lr35-record-page .lr35-side #lr374-monitor-panel {
  position:sticky;top:86px;
  max-height:min(740px,calc(100vh - 210px));
  overflow:auto;
  scrollbar-width:thin;
}
.lr377-splitter {
  position:relative;
  align-self:stretch;
  width:12px;
  min-height:260px;
  cursor:col-resize;
  touch-action:none;
  user-select:none;
  border:0;
  background:transparent;
  z-index:5;
  outline-offset:0;
}
.lr377-splitter::before{
  content:"";
  position:absolute;
  left:5px;top:0;bottom:0;
  width:2px;border-radius:5px;
  background:#66565b;
  transition:background .15s, width .15s, left .15s;
}
.lr377-splitter:hover::before,.lr377-splitter:focus-visible::before,
.lr377-splitter.lr377-dragging::before{left:4px;width:4px;background:#DFA75D;}
.lr377-splitter:focus-visible {outline:2px solid #DFA75D;outline-offset:1px;border-radius:4px;}
.lr377-splitter-handle {
  position:sticky;top:34vh;left:0;
  display:grid;place-items:center;
  width:12px;height:66px;
  border-radius:6px;
  background:#51454a;
  color:#f4c78f;
  font:12px/1 sans-serif;
  pointer-events:none;
}
.lr377-splitter:hover .lr377-splitter-handle,.lr377-splitter:focus-visible .lr377-splitter-handle {background:#916d4f;color:white;}
body.lr377-resizing,body.lr377-resizing * {cursor:col-resize!important;user-select:none!important;}
body.lr34-theme .lr35-record-page .lr374-monitor-content .lr35-toggles{grid-template-columns:repeat(2,minmax(0,1fr));}
body.lr34-theme .lr35-record-page .lr374-monitor-content .lr35-live-slot{max-width:100%;min-width:0;}
body.lr34-theme .lr35-record-page .lr35-side :is(.pitch-guide-panel,.pitch-roll-canvas){max-width:100%;}
/* At narrow widths use a stacked layout. The splitter isn't useful for touch-width windows. */
@media(max-width:860px){
  body.lr34-theme .lr35-record-page .lr35-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
  body.lr34-theme .lr35-record-page .lr35-main,
  body.lr34-theme .lr35-record-page .lr35-side{margin:0;}
  .lr377-splitter{display:none;}
  body.lr34-theme .lr35-record-page .lr35-side #lr374-monitor-panel {position:static;max-height:none;}
}
@media(max-width:420px){body.lr34-theme .lr35-record-page .lr374-monitor-content .lr35-toggles{grid-template-columns:1fr;}}