/* The keyboard band: a shallow screen-edge surface. The keys themselves (keyboard.css)
   are the instrument object and keep their own glass material. */
body.instrument-ui #hint{display:none}
body.instrument-ui #corner-tl{top:14px;left:14px;gap:8px}
body.instrument-ui #corner-tr{top:14px;right:14px}
body.instrument-ui #corner-bl{left:14px;bottom:14px}
body.instrument-ui #corner-br{right:14px;bottom:14px}
body.instrument-ui:not(.kb-min) #corner-bl,body.instrument-ui:not(.kb-min) #corner-br{bottom:calc(var(--kb-h) + 12px)}
body.instrument-ui #console{position:fixed;left:0;right:0;bottom:0;width:100%;margin:0;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border:0;border-top:1px solid var(--note-rule);border-radius:0;gap:0;background:var(--note-casing)}
body.instrument-ui #keyboard{gap:0;height:var(--kb-h);background:transparent}
body.instrument-ui #keyboard .octave-btn{border-radius:0;flex-basis:28px}
@media(prefers-reduced-motion:reduce){body.instrument-ui #console,body.instrument-ui #corner-bl,body.instrument-ui #corner-br{transition:none}}
/* Paper scenes (Ink) light the keyboard like paper. The played key keeps its ink glow. */
body.instrument-ui.paper-world #console{background:#dfddd5;border-color:#aca89f55}
body.paper-world #keyboard .key.white-key:not(.pressed){background:#f0eee7}
body.paper-world #keyboard .key.black-key:not(.pressed){background:#55534e}
/* Panels hide what they hide. */
#panel-visual [hidden],#panel-audio [hidden]{display:none!important}
/* Status line on the scene: type with a soft shadow, no toast. */
#audio-status{position:fixed;left:14px;bottom:calc(var(--kb-h) + 52px);z-index:32;max-width:320px;color:var(--note-text);font:var(--note-weight-text) var(--note-text-sm)/var(--note-leading) var(--note-font);text-shadow:var(--note-legibility);pointer-events:none}
#audio-status:empty{display:none}
body.kb-min #audio-status{bottom:55px}