:root.vmidi-uniform-fit { --vmidi-design-vw: 12.8px; --vmidi-design-vh: 7.2px; }
.vmidi-uniform-fit #app { position: absolute; width: 1280px; height: 720px; transform-origin: top left; }
.vmidi-uniform-fit .header-row { overflow: visible; flex-wrap: nowrap; gap: 8px; }
.vmidi-uniform-fit .header-section { gap: 4px; }
.vmidi-uniform-fit .control-btn { padding: 8px; }
.vmidi-uniform-fit .control-btn span { display: none; }
.vmidi-uniform-fit .edit-actions .action-btn { width: 34px; min-width: 34px; padding: 4px; }
.vmidi-uniform-fit .header-section.edit-actions { padding: 4px; }
.vmidi-uniform-fit .action-btn { width: 36px; height: 36px; }
.vmidi-uniform-fit .toolbar-menu { position: relative; flex-shrink: 0; }
.vmidi-uniform-fit .toolbar-menu summary { cursor: pointer; padding: 12px 10px; font-size: 14px; color: var(--text-primary); background: var(--mw-control-face, #24252b); border: 1px solid var(--mw-border-strong, #494b55); border-radius: 5px; }
.vmidi-uniform-fit .toolbar-menu[open] summary,
.vmidi-uniform-fit .toolbar-menu summary:focus-visible { outline: 2px solid var(--accent-color, #00bcd4); outline-offset: 2px; }
.vmidi-uniform-fit .toolbar-menu-panel { position: absolute; right: 0; top: calc(100% + 8px); padding: 16px; background: #24252b; border: 1px solid #494b55; border-radius: 6px; box-shadow: 0 8px 24px #0009; }
.vmidi-uniform-fit .toolbar-menu-panel .header-section { gap: 8px; }
.vmidi-uniform-fit .toolbar-menu-panel .midi-section { display: grid; grid-template-columns: auto 180px; width: 300px; }
.vmidi-uniform-fit .toolbar-menu-panel :is(label, select, input, button) { font-size: 14px !important; }
.vmidi-uniform-fit .toolbar-menu-panel .midi-select { width: 100% !important; max-width: none; min-width: 0; }
.vmidi-uniform-fit #inspector { top: 124px; }
.vmidi-uniform-fit #header { z-index: 1100; }
/* Fullscreen raises the workspace to 9999; menus must remain above it. */
.vmidi-uniform-fit body.is-fullscreen #header { z-index: 10000; }
.vmidi-uniform-fit .toolbar-menu-panel .midi-section { grid-template-columns: 126px 210px; width: 346px; gap: 10px; }
.vmidi-uniform-fit .midi-section > label { white-space: nowrap; }
.vmidi-uniform-fit .midi-menu-actions { grid-column: 1 / -1; display: flex; gap: 10px; border-top: 1px solid #494b55; padding-top: 12px; margin-top: 4px; }
.vmidi-uniform-fit .midi-menu-actions > button { flex: 1; width: auto; height: 36px; }