/* Identidade do teclado compartilhada pela prévia, cards e painel MIDI. */
.piano.home-style-piano, .midi-piano .home-style-piano { position: relative; display: flex; width: 100%; height: auto; min-height: 149px; aspect-ratio: 8 / 5; border: 1px solid #aab0a5; border-radius: 4px; overflow: hidden; background: #fff; }
.piano.home-style-piano .white-key { position: relative; flex: 1; min-width: 0; border-right: 1px solid #c7ccc2; background: linear-gradient(#f8f9f5, #fff); }
.home-style-piano .white-key:nth-of-type(7) { border-right: 0; }
.piano.home-style-piano .black-key { position: absolute; z-index: 2; top: 0; width: 6.5%; height: 62%; transform: translateX(-50%); border: 0; border-radius: 0 0 3px 3px; background: linear-gradient(90deg, #252824, #454a42, #252824); box-shadow: 1px 3px 4px #25282444; }
.home-style-piano .white-key.chord-key,
.home-style-piano .white-key.midi-active,
.home-style-piano .white-key.midi-match,
.home-style-piano .white-key.staff-selected { background: linear-gradient(#e8ede5, #cfdbc8); box-shadow: none; }
.home-style-piano .black-key.chord-key,
.home-style-piano .black-key.midi-active,
.home-style-piano .black-key.midi-match,
.home-style-piano .black-key.staff-selected { background: linear-gradient(90deg, var(--green-dark), var(--green), var(--green-dark)); box-shadow: 1px 3px 4px #25282444; }
.home-style-piano [data-note].staff-selected { outline: 2px solid var(--gold); outline-offset: -2px; }
.home-style-piano .piano-key-label { position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; color: var(--muted); font: 500 9px Manrope, sans-serif; }
.home-style-piano .chord-key .piano-key-label,
.home-style-piano .midi-active .piano-key-label { color: var(--green-dark); }
.home-style-piano .key-dot { width: 18px; height: 18px; color: var(--green-dark); background: #fff; border: 1px solid #bdcdb4; box-shadow: none; font: 700 9px Manrope, sans-serif; }
.home-style-piano .key-dot.white { bottom: 32px; }
.home-style-piano .key-dot.black { top: calc(62% - 27px); color: #fff; background: var(--green); border-color: #bdcdb4; }

/* O piano de 88 teclas mantém seu posicionamento e o azul de tecla pressionada. */
.stage-white-key { border-color: #c7ccc2; background: linear-gradient(#f8f9f5, #fff); }
.stage-white-key span { color: var(--muted); font-family: Manrope, sans-serif; }
.stage-black-key { width: .875%; height: 62%; border: 0; border-radius: 0 0 3px 3px; background: linear-gradient(90deg, #252824, #454a42, #252824); box-shadow: 1px 3px 4px #25282444; }