/* Panel mechanics shared by the Sound and Scene surfaces: the open/close layer the scripts
   rely on. Tokens live in instrument-tokens.css and the look in field-ui.css. */
body.instrument-ui{font-family:var(--note-font)}
body.instrument-ui #panel-overlay.open{background:transparent}
/* A panel is a full-bleed layer that only its stage makes interactive. */
body.instrument-ui #panel-audio.spatial-ui,body.instrument-ui #panel-visual.spatial-ui{
 position:fixed;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;
 transform:none;overflow:visible;pointer-events:none;visibility:hidden;transition:visibility var(--note-dur-drawer);color:var(--note-text);
}
body.instrument-ui #panel-audio.spatial-ui.open,body.instrument-ui #panel-visual.spatial-ui.open{visibility:visible;transform:none}
.space-stage{position:absolute;pointer-events:none}
.space-card{position:relative;pointer-events:auto;min-width:0}
@media(prefers-reduced-motion:reduce){body.instrument-ui #panel-audio.spatial-ui,body.instrument-ui #panel-visual.spatial-ui{transition:none}}