/* BZDR Studio v5.27: functional Pro Tools-inspired desktop I/O and menu ergonomics. */
#screenArea{position:relative}
#audioDropOverlay[hidden]{display:none!important}
#audioDropOverlay{pointer-events:none;position:absolute;inset:10px;z-index:110;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;border:2px dashed #7fd3f0;background:#091d2aee;border-radius:12px;box-shadow:0 0 0 9999px #09131a44;color:#edfbff;text-align:center;padding:20px}
#audioDropOverlay strong{font-size:clamp(18px,2.3vw,26px)}
#audioDropOverlay small{font-size:12px;color:#9ac6d8}
.audio-drop-active .screen-area{outline:1px solid #6fc5e7}
body.bzdr-desktop .desktop-menu-bar{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#4d6171 transparent;white-space:nowrap}
body.bzdr-desktop .desktop-menu-bar>button{flex:0 0 auto;padding:3px 7px;font-size:11px;white-space:nowrap}
body.bzdr-desktop .desktop-menu-popup{min-width:270px}
body.bzdr-desktop #mixView .channel-io{display:block!important;width:100%;min-height:33px;height:auto;padding:4px 1px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bee0f6;background:#172b38;border:1px solid #41637b;border-radius:3px;cursor:pointer}
body.bzdr-desktop #mixView .channel-io:focus-visible{outline:2px solid #b7edff}
body.bzdr-desktop #mixView .channel .desktop-io-label{display:none!important}
body.bzdr-desktop #mixView .channel{min-height:0}
body.bzdr-desktop.bzdr-narrow-mix #mixView .channel{flex-basis:76px!important;width:76px!important;min-width:76px!important;max-width:76px!important}
body.bzdr-narrow-mix:not(.bzdr-desktop) #mixView .channel{width:76px;max-width:76px}
body.bzdr-waveforms-hidden .track-wave canvas{display:none!important}
body.bzdr-track-numbers .track-header .track-name::before{content:attr(data-track-number) " · ";font-size:10px;color:#89a9bb}
body.bzdr-track-numbers .desktop-track-row .desktop-track-name::before{content:attr(data-track-number) " · "}
body.bzdr-transport-hidden .transport-dock{display:none!important}
#screenArea .track-wave{min-width:0}
@media(max-width:900px){#audioDropOverlay{inset:5px}.desktop-menu-bar{display:none!important}}

/* Separate I/O destinations, with reliable touch targets on desktop and mobile. */
#mixView .channel-input,#mixView .channel-io{display:block;width:100%;min-height:30px;margin:2px 0;padding:4px 2px;border:1px solid #45657b;border-radius:4px;background:#1b3344;color:#d9edfa;font-size:10px;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mixView .channel-input:hover,#mixView .channel-io:hover{background:#244659}
#mixView .channel-input:focus-visible,#mixView .channel-io:focus-visible{outline:2px solid #b7edff;outline-offset:1px}
body.bzdr-desktop #mixView .channel-input,body.bzdr-desktop #mixView .channel-io{font-size:9px;min-height:27px;max-height:34px;padding:3px 1px}
body.bzdr-desktop .desktop-track-routing .desktop-edit-io{gap:3px}
body.bzdr-desktop .desktop-track-routing .desktop-edit-io button[data-input]{background:#1a3647;border:1px solid #4b6a7a;border-radius:3px;color:#d4e6f0;font-size:9px;min-width:58px;cursor:pointer}
body.bzdr-desktop .desktop-track-routing .desktop-edit-io button[data-input]:focus-visible{outline:2px solid #b7edff}
body.bzdr-desktop .desktop-io-label{display:none!important}