/* One sizing scale overrides legacy per-page button dimensions. Text actions
   have content-sized widths; icon actions are squares of the same height. */
:root{--control-height:36px;--control-font-size:14px;--control-padding:11px;--control-icon-size:18px}
button,.file-button,.toolbar-menu>summary,.composition-menu>summary,.configure-instruments{
 box-sizing:border-box;min-height:var(--control-height)!important;height:var(--control-height)!important;
 padding:0 var(--control-padding)!important;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 font-size:var(--control-font-size)!important;line-height:1.2!important;letter-spacing:normal!important;
 vertical-align:middle;
}
.file-button,.toolbar-menu>summary,.composition-menu>summary,.configure-instruments{display:inline-flex;align-items:center;justify-content:center}
.composition-menu>summary{font-weight:500}
:is(button,.file-button).icon-only{width:var(--control-height)!important;min-width:var(--control-height)!important;padding:0!important;align-items:center;justify-content:center}
:is(button,.file-button).icon-only svg{width:var(--control-icon-size)!important;height:var(--control-icon-size)!important;pointer-events:none}
/* Dense editor rows use the same compact size for every neighboring action. */
.react-head,.sidebar,.composition-panel,.toolbar-popover,.midi-popover,#scene-settings,.test-inputs{--control-height:28px;--control-font-size:12px;--control-padding:8px;--control-icon-size:16px}
.react-head button,.react-head .icon-only{min-width:var(--control-height)!important;width:var(--control-height)!important;padding:0!important}
.react-actions{display:flex;align-items:center;gap:6px}
#editor-viewport,.design-object{--control-height:24px;--control-font-size:10px;--control-padding:4px;--control-icon-size:16px}
#editor-viewport .camera-gizmos button,#editor-viewport #reset-camera,#editor-viewport [data-transform]{width:var(--control-height)!important;min-width:var(--control-height)!important;padding:0!important}
.design-object button svg{width:16px!important;height:16px!important;pointer-events:none}
button.input-tile{height:auto!important;min-height:var(--control-height)!important;padding:6px var(--control-padding)!important}
button[hidden],.file-button[hidden]{display:none!important}

.design-object button{display:none}
.design-object.selected button{display:inline-flex}

button.icon-only.counted-action{width:auto!important;min-width:var(--control-height)!important;padding:0 6px!important;gap:3px}

.file-button.icon-text{gap:6px}
.file-button.icon-text svg{width:var(--control-icon-size);height:var(--control-icon-size);flex:none;pointer-events:none}