/* The timeline scrolls independently, keeping transport and output controls in view. */
body[data-screen=daw]{overflow:hidden}
.daw-screen{display:flex;flex-direction:column;height:calc(100dvh - var(--app-header-height));min-height:0;min-width:0;padding:12px 20px}
.daw-intro{justify-content:flex-end;gap:14px;margin-bottom:14px;flex-wrap:wrap;flex-shrink:0}
#daw-library-toggle{min-height:36px;padding:8px 12px;flex-shrink:0;font-size:11px}
.daw-workspace{display:grid;grid-template-columns:236px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:14px;min-width:0;min-height:0;flex:1;align-items:stretch}
.library-collapsed .daw-workspace,.daw-workspace.library-collapsed{grid-template-columns:minmax(0,1fr)}
.daw-workspace>.arranger,.daw-workspace>.sound-library{min-width:0}
.daw-workspace .sound-library{position:static;display:flex;flex-direction:column;padding:16px 14px;max-height:100%;min-height:0;overflow:auto}
.daw-workspace .sound-library>*{flex-shrink:0}
.daw-workspace .library-description{margin-top:8px}
.daw-workspace .library-search{margin-top:12px}
.daw-workspace .library-list{max-height:none;min-height:120px;flex:1 1 auto}
.daw-workspace .library-footer{margin-top:12px;padding-top:12px}
.daw-workspace .arranger .section-heading{padding:12px 16px;gap:12px}
.arr-timeline-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:8px 16px;gap:8px 16px}
.arr-zoom-controls{display:flex;align-items:center;gap:4px}
.daw-workspace .arr-addbar{padding:0 16px 10px;gap:10px}
.daw-workspace .arr-bottom{padding:10px 16px}
.daw-workspace .arranger{--track-height:110px;display:flex;flex-direction:column;min-height:0}
.arr-work-area{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#46513d transparent}
.arr-work-area>*{flex-shrink:0}
.daw-workspace .arr-track-head{padding-top:8px;padding-bottom:8px}
.daw-workspace .arr-track-title{margin-bottom:6px}
.daw-workspace .arr-track-pan{margin-top:5px}
.daw-workspace .arr-track-subtitle{margin-top:4px}
.daw-workspace .arr-scroll{flex:1 1 auto;max-height:none;min-height:162px}
@media(max-width:1100px){.daw-workspace{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){
  .daw-screen{padding:10px 12px}
  .daw-intro{align-items:center;gap:10px;margin-bottom:12px}
  .daw-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,auto) minmax(0,1fr);gap:10px}
  .library-collapsed .daw-workspace,.daw-workspace.library-collapsed{grid-template-rows:minmax(0,1fr)}
  .daw-workspace .sound-library{max-height:28dvh}
  .daw-workspace .library-list{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
  .daw-workspace .arranger .section-heading,.arr-timeline-tools,.daw-workspace .arr-addbar,.daw-workspace .arr-bottom{padding-left:12px;padding-right:12px}
}