/* v5.30.33: embedded MIDI editor; one scroll surface for ruler, notes and velocity. */
#editView .bzdr-midi-dock[hidden]{display:none!important}
#editView .bzdr-midi-dock{display:flex;flex:0 0 clamp(220px,36%,410px);min-height:155px;min-width:0;flex-direction:column;overflow:hidden;background:#0e1821;border-top:1px solid #3d5466;box-shadow:0 -1px 0 #000}
#editView .bzdr-midi-dock-head{display:flex;flex:0 0 30px;align-items:center;justify-content:space-between;padding:2px 10px;gap:12px;color:#b5d8ed;background:#142431;font:700 11px ui-monospace,monospace;letter-spacing:1px}
#editView .bzdr-midi-dock-head button{min-width:32px;height:25px;padding:0 9px;border:1px solid #395469;border-radius:3px;color:#e2eef4;background:#223442;font-size:12px}
#editView .bzdr-midi-dock #bzdrPianoRoll{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden;padding:0}
.bzdr-midi-toolbar{flex:0 0 auto;display:flex;flex-wrap:nowrap;gap:4px;padding:5px 7px;align-items:end;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;background:#15242f;border-bottom:1px solid #2b4456}
.bzdr-midi-toolbar label{flex:0 0 auto;display:flex;flex-direction:column;gap:3px;color:#a9c2d3;font:700 9px/1 ui-monospace,monospace;letter-spacing:.4px}
.bzdr-midi-toolbar label:first-child{width:120px}.bzdr-midi-toolbar label:nth-child(2),.bzdr-midi-toolbar label:nth-child(3),.bzdr-midi-toolbar label:nth-child(4){width:64px}
.bzdr-midi-toolbar label:nth-child(5){width:80px}
.bzdr-midi-toolbar input,.bzdr-midi-toolbar select,.bzdr-midi-toolbar button{height:28px!important;min-height:28px!important;padding:2px 7px!important;background:#23323f!important;border:1px solid #40556a!important;border-radius:2px!important;color:#e1edf5!important;font:600 11px system-ui!important}
.bzdr-midi-toolbar button{flex:0 0 auto;min-width:48px;white-space:nowrap;margin:0}
.bzdr-midi-toolbar button:disabled{opacity:.35}
.bzdr-midi-toolbar input[type=range]{padding:0!important;width:100%}
.bzdr-midi-guide{flex:0 0 auto;font:10px/1.2 system-ui;color:#95abbc;padding:3px 8px;background:#101d28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bzdr-midi-scroll{display:flex;flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:auto;touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:thin;border:0;border-radius:0;background:#0b141d}
.bzdr-midi-keys{position:sticky;left:0;display:flex;flex-direction:column;flex:0 0 50px;width:50px;z-index:3;background:#18232d;border-right:1px solid #425365}
.bzdr-midi-keys-label{height:23px;flex:0 0 23px;font:9px/23px monospace;text-align:center;color:#8ba9bc}
.bzdr-midi-keyboard{width:50px;flex:0 0 auto}
.bzdr-midi-keyboard button{display:block;width:50px;height:22px;min-height:22px!important;padding:0 3px;text-align:left;border:1px solid #415160;border-radius:0!important;color:#182530;background:#bdc7d1;font:10px/20px ui-monospace,monospace;touch-action:manipulation}
.bzdr-midi-keyboard button.is-black{background:#243644;color:#d7e7f0}
.bzdr-midi-velocity-label{height:82px;flex:0 0 82px;font:10px/32px ui-monospace,monospace;text-align:center;color:#a9bac7;border-top:1px solid #536579}
.bzdr-midi-content{display:flex;flex:none;min-width:0;flex-direction:column;align-items:flex-start}
.bzdr-midi-ticks{height:23px;flex:0 0 23px;display:flex;border-bottom:1px solid #547080;background:#182b38;box-sizing:border-box}
.bzdr-midi-ticks span{display:block;flex:none;border-left:1px solid #68839a;color:#b8d3e4;font:10px/21px ui-monospace,monospace;padding-left:5px;box-sizing:border-box}
.bzdr-midi-grid{position:relative;flex:none;cursor:crosshair;background-color:#14202b;background-image:linear-gradient(to right,rgba(159,190,207,.23) 1px,transparent 1px),linear-gradient(to bottom,rgba(119,156,176,.18) 1px,transparent 1px);background-size:18px 22px;touch-action:pan-x pan-y}
.bzdr-midi-grid:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(172,205,230,.40) 1px,transparent 1px);background-size:72px 100%}
.bzdr-midi-note{position:absolute;z-index:1;min-height:18px;padding:0;border:1px solid #d4a5e6;border-radius:2px;background:linear-gradient(#c770bf,#8e428e);box-shadow:inset 0 1px #ffffff44;cursor:grab;touch-action:none}
.bzdr-midi-note.is-selected{outline:2px solid #eafaff;z-index:2}
.bzdr-midi-resize{display:block;position:absolute;right:0;top:0;width:12px;height:100%;cursor:ew-resize;border-right:3px solid #f2c6ef}
.bzdr-midi-velocity-lane{position:relative;flex:none;box-sizing:border-box;border-top:1px solid #52667b;background:#1c2432;background-image:linear-gradient(to right,#35506355 1px,transparent 1px);background-size:18px 100%;touch-action:none}
.bzdr-midi-velocity{position:absolute;width:6px;min-width:6px;padding:0;border:0;border-radius:1px 1px 0 0;background:#bf76c5;box-shadow:0 0 0 1px #91539c;touch-action:none;cursor:ns-resize}
.bzdr-midi-velocity.is-selected{background:#eecaf4;width:8px}
.bzdr-midi-status{flex:0 0 18px;height:18px;padding:2px 8px;color:#b3c7d9;background:#101d29;font:10px/14px ui-monospace,monospace}
@media(max-width:899px){
 #editView .bzdr-midi-dock{flex-basis:40%;min-height:134px}
 .bzdr-midi-toolbar{padding:4px;gap:3px}
 .bzdr-midi-toolbar label:first-child{width:92px}
 .bzdr-midi-toolbar label:nth-child(5){width:68px}
 .bzdr-midi-guide{font-size:9px}
 .bzdr-midi-keys,.bzdr-midi-keyboard,.bzdr-midi-keyboard button{width:43px;flex-basis:43px}
 .bzdr-midi-toolbar label{font-size:8px}
}
@media(max-width:899px) and (orientation:landscape){
 #editView .bzdr-midi-dock{flex:0 0 min(48%,185px);min-height:124px}
 #editView .bzdr-midi-dock-head{flex-basis:24px;height:24px;font-size:10px}
 .bzdr-midi-guide{display:none}
}

/* v5.30.34 — reference-matched MIDI window. Its geometry is user-controlled. */
#editView .bzdr-midi-resize-handle[hidden],
#editView .bzdr-midi-dock[hidden],
#editView .bzdr-midi-float-resize[hidden]{display:none!important}
#editView .bzdr-midi-resize-handle{
 display:flex;align-items:center;justify-content:center;flex:0 0 10px;height:10px;min-height:10px;
 position:relative;z-index:9;width:100%;cursor:row-resize;touch-action:none;
 border-top:1px solid #364251;border-bottom:1px solid #0b0f13;
 background:linear-gradient(#282b33,#181d25);box-sizing:border-box
}
#editView .bzdr-midi-grip{
 display:block;width:75px;height:3px;border-radius:3px;
 background:repeating-linear-gradient(to right,#65707b 0 10px,transparent 10px 15px);opacity:.62;pointer-events:none
}
#editView .bzdr-midi-resize-handle:focus-visible{outline:2px solid #93d2f8;outline-offset:-1px}
#editView .bzdr-midi-dock:not([hidden]):not([data-floating]){
 flex:0 0 var(--bzdr-midi-user-height,clamp(220px,36%,410px))!important;
 height:var(--bzdr-midi-user-height,auto)!important;
 min-height:110px!important;max-height:calc(100% - 105px)!important;
 border:0!important;border-top:1px solid #303744!important;
 box-shadow:none!important;background:#14151a!important
}
#editView .bzdr-midi-dock-head{
 min-height:25px;flex-basis:25px;height:25px;gap:10px;background:#1d2025;
 padding:1px 7px;border-bottom:1px solid #41454f;color:#b9c0cd;
 font-size:10px;letter-spacing:.45px;cursor:default;user-select:none
}
#editView .bzdr-midi-window-controls{display:flex;align-items:center;gap:3px}
#editView .bzdr-midi-window-controls button{
 font:10px/1 system-ui;min-height:22px;height:22px;min-width:30px;
 background:#282c34;color:#c6ced6;border:1px solid #3b424c;border-radius:2px;padding:2px 7px
}
#editView .bzdr-midi-window-controls button:active{background:#485364}
#editView .bzdr-midi-dock[data-floating="true"]{
 display:flex!important;position:fixed!important;flex:none!important;max-height:none!important;
 width:var(--bzdr-midi-float-width,540px)!important;height:var(--bzdr-midi-float-height,340px)!important;
 left:var(--bzdr-midi-float-left,15vw)!important;top:var(--bzdr-midi-float-top,15vh)!important;
 z-index:9000!important;background:#14151a!important;
 border:1px solid #667184!important;border-radius:4px!important;
 box-shadow:0 14px 35px #000b!important;overflow:hidden!important
}
#editView .bzdr-midi-dock[data-floating="true"] .bzdr-midi-dock-head{
 cursor:move;touch-action:none;min-height:32px;height:32px;flex-basis:32px
}
#editView .bzdr-midi-float-resize{
 position:absolute;bottom:0;right:0;z-index:30;width:29px;height:29px;
 cursor:nwse-resize;touch-action:none;
 background:linear-gradient(135deg,transparent 60%,#8a929f 62%,transparent 66%,#8a929f 74%,transparent 77%);
 opacity:.8
}
#editView .bzdr-midi-dock #bzdrPianoRoll{background:#13151a}
.bzdr-midi-toolbar{background:#212328!important;border-bottom:1px solid #3b4049!important}
.bzdr-midi-guide{background:#181b20!important;color:#aeb2be!important}
.bzdr-midi-scroll{background:#171a21!important}
.bzdr-midi-keyboard button{background:#d1d3d8!important;color:#161821!important}
.bzdr-midi-keyboard button.is-black{background:#393b42!important;color:#eff1f6!important}
.bzdr-midi-ticks{background:#22252b!important}
.bzdr-midi-ticks span{border-color:#4a4e56!important;color:#c8ccd2!important}
.bzdr-midi-grid{
 background-color:#1a1b22!important;
 background-image:
 linear-gradient(to right,#54576455 1px,transparent 1px),
 linear-gradient(to bottom,#46465369 1px,transparent 1px)!important
}
.bzdr-midi-grid:before{background-image:linear-gradient(to right,#77798a50 1px,transparent 1px)!important}
.bzdr-midi-note{background:linear-gradient(#c76eaf,#a24b92)!important;border:1px solid #d883c3!important;box-shadow:none!important;border-radius:1px!important}
.bzdr-midi-velocity-lane{background:#201b27!important;border-color:#545060!important}
.bzdr-midi-velocity{background:#b853a5!important;box-shadow:0 0 0 1px #a34d94!important}
.bzdr-midi-status{background:#22242b!important;color:#c4bfcb!important}
body.bzdr-midi-is-resizing,body.bzdr-midi-is-resizing *{cursor:row-resize!important;user-select:none!important;-webkit-user-select:none!important}
body.bzdr-midi-is-resizing{touch-action:none!important}
@media(max-width:899px){
 #editView .bzdr-midi-resize-handle{height:15px;min-height:15px;flex-basis:15px}
 #editView .bzdr-midi-dock:not([hidden]):not([data-floating]){flex-basis:var(--bzdr-midi-user-height,40%)!important;min-height:110px!important;max-height:calc(100% - 96px)!important}
 #editView .bzdr-midi-window-controls button{min-width:31px}
}
@media(orientation:landscape) and (max-height:500px){
 #editView .bzdr-midi-dock:not([hidden]):not([data-floating]){flex-basis:var(--bzdr-midi-user-height,44%)!important;min-height:100px!important;max-height:calc(100% - 86px)!important}
}

/* v5.30.34 — velocity stays pinned beneath MIDI note grid and is resizable. */
#bzdrPianoRoll .bzdr-midi-scroll{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:auto!important}
#bzdrPianoRoll .bzdr-midi-keys{height:max-content;align-self:flex-start}
#bzdrPianoRoll .bzdr-midi-content{align-self:flex-start}
#bzdrPianoRoll .bzdr-midi-velocity-separator{
 display:flex;align-items:center;justify-content:center;flex:0 0 9px;height:9px;min-height:9px;
 background:#303039;border-top:1px solid #484852;border-bottom:1px solid #1b1b24;
 cursor:row-resize;touch-action:none;box-sizing:border-box
}
#bzdrPianoRoll .bzdr-midi-velocity-separator>span{width:65px;height:2px;pointer-events:none;background:#676575;border-radius:3px}
#bzdrPianoRoll .bzdr-midi-velocity-separator:focus-visible{outline:2px solid #bb85c2;outline-offset:-1px}
#bzdrPianoRoll .bzdr-midi-velocity-pane{
 display:flex;flex:0 0 var(--bzdr-midi-velocity-height,82px);height:var(--bzdr-midi-velocity-height,82px);
 min-height:42px;max-height:190px;min-width:0;overflow:hidden;background:#201c27
}
#bzdrPianoRoll .bzdr-midi-velocity-label{
 display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;
 flex:0 0 50px;width:50px;min-width:50px;height:100%;padding:6px 0;
 background:#28272f;color:#c7bfcd;border-right:1px solid #5a5462;
 font:8px/1.1 ui-monospace,monospace;letter-spacing:.1px
}
#bzdrPianoRoll .bzdr-midi-velocity-scroll{
 flex:1 1 0;width:0;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;
 scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain
}
#bzdrPianoRoll .bzdr-midi-velocity-scroll::-webkit-scrollbar{display:none}
#bzdrPianoRoll .bzdr-midi-velocity-lane{height:100%;min-height:0;border-top:0}
@media(max-width:899px){#bzdrPianoRoll .bzdr-midi-velocity-label{flex-basis:43px;width:43px;min-width:43px}}