.music-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-width: 0; }
.music-install-slot { flex: 0 0 auto; display: inline-flex; align-items: center; }
.music-install-button { min-height: 32px; padding: 6px 10px; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; font: 12px/1.25 ui-sans-serif, system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.music-install-button:hover { opacity: .8; }
.music-install-button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.music-install-button[hidden], .music-install-slot[hidden] { display: none !important; }
.music-pwa-dialog { box-sizing: border-box; width: min(360px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 24px; border: 1px solid #777; border-radius: 16px; background: #171715; color: #eee9df; font: 14px/1.5 ui-sans-serif, system-ui, sans-serif; }
.music-pwa-dialog::backdrop { background: #0008; }
.music-pwa-dialog h2 { margin: 0 0 12px; font: 500 22px/1.2 ui-sans-serif, system-ui, sans-serif; }
.music-pwa-dialog p { margin: 12px 0; }
.music-pwa-dialog button { min-height: 40px; padding: 8px 16px; color: inherit; background: transparent; border: 1px solid #777; border-radius: 999px; cursor: pointer; font: inherit; }
.music-pwa-dialog button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.music-pwa-status { position: fixed; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.music-hub .masthead { gap: 8px; }
.music-hub footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.music-hub footer .back { min-height: 32px; }
@media (orientation: landscape) and (max-height: 540px) {
  .metronome-stage .music-toolbar { grid-column: 2; grid-row: 1; }
}