/* Seven colour-coded instrument presets, quiet enough to sit beneath the keys. */
[data-picker-native][hidden]{display:none!important}
.instrument-picker,[data-voice="grand-piano"]{--instrument-colour:#a5a0ff}
[data-voice="psytrance"]{--instrument-colour:#bc8bff}
[data-voice="techno"]{--instrument-colour:#77caff}
[data-voice="breakbeat"]{--instrument-colour:#75dbac}
[data-voice="club"]{--instrument-colour:#f1d574}
[data-voice="industrial"]{--instrument-colour:#efa06a}
[data-voice="metal-guitar"]{--instrument-colour:#ff8299}
.instrument-picker{position:relative;flex:none;width:126px;max-width:100%}
body.nocturne .instrument-trigger{
 display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:32px;margin:0;padding:5px 8px;
 border:1px solid color-mix(in srgb,var(--instrument-colour) 42%,#28232d);border-radius:6px;
 background:linear-gradient(#1b1720,#100d15);color:var(--instrument-colour);box-shadow:inset 0 1px #ffffff08,0 0 8px color-mix(in srgb,var(--instrument-colour) 9%,transparent);
 font:500 10px/1.3 var(--body);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;
}
body.nocturne .instrument-trigger:hover,body.nocturne .instrument-trigger[aria-expanded=true]{border-color:var(--instrument-colour);background:#211a29}
.instrument-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.instrument-arrow{font-size:15px;line-height:1;flex:none;opacity:.8}
body.nocturne .instrument-trigger:focus-visible{outline:2px solid var(--instrument-colour);outline-offset:3px}
body.nocturne .instrument-list[hidden]{display:none}
body.nocturne .instrument-list{
 position:fixed;z-index:160;display:grid;gap:3px;margin:0;padding:7px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#817088 #100d16;
 border:1px solid #796b855e;border-radius:10px;background:#100d16;box-shadow:0 10px 30px #000b,0 0 0 1px #070609;outline:none;
 font:400 12px/1.4 var(--body);color:#e6dce9;isolation:isolate;
}
body.nocturne .instrument-option{
 display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 10px;flex:none;
 color:var(--instrument-colour);border:1px solid color-mix(in srgb,var(--instrument-colour) 30%,transparent);border-radius:5px;
 background:#17131d;box-shadow:inset 2px 0 color-mix(in srgb,var(--instrument-colour) 42%,transparent);cursor:pointer;touch-action:manipulation;
}
body.nocturne .instrument-option[data-active=true],body.nocturne .instrument-option:hover{
 border-color:var(--instrument-colour);background:color-mix(in srgb,var(--instrument-colour) 10%,#17131d);box-shadow:inset 2px 0 var(--instrument-colour),0 0 8px color-mix(in srgb,var(--instrument-colour) 12%,transparent);
}
body.nocturne .instrument-option[aria-selected=true]{font-weight:600}
.instrument-check{width:14px;text-align:center;opacity:0}
.instrument-option[aria-selected=true] .instrument-check{opacity:1}
@media(max-width:1100px),(pointer:coarse){.instrument-picker{width:134px}body.nocturne .instrument-trigger{min-height:44px;font-size:12px}}
@media(max-width:399px){.instrument-picker{width:119px}body.nocturne .instrument-trigger{font-size:11px}}
@media(forced-colors:active){body.nocturne .instrument-trigger,body.nocturne .instrument-list,body.nocturne .instrument-option{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}body.nocturne .instrument-option[data-active=true]{outline:2px solid Highlight;outline-offset:-3px}body.nocturne .instrument-trigger:focus-visible{outline-color:Highlight}}