.chord-notation-container[data-v-24282b1f]{align-items:center;display:flex;flex-direction:column;justify-content:center}.chord-notation[data-v-24282b1f]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.error-message[data-v-24282b1f]{color:#ef4444}.error-message[data-v-24282b1f],.loading-message[data-v-24282b1f]{font-size:.875rem;margin-top:.5rem}.loading-message[data-v-24282b1f]{color:#6b7280}.keyboard-key[data-v-4018e4f8]{border:1px solid #001f54;transition:all .2s ease}.white-key[data-v-4018e4f8]{background:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 4px #001f541a}.black-key[data-v-4018e4f8]{background:linear-gradient(180deg,#1a1a1a 0,#000);border-radius:0 0 2px 2px;box-shadow:0 2px 4px #0006}.highlighted.white-key[data-v-4018e4f8]{background:linear-gradient(180deg,gold 0,#ffc700);box-shadow:0 0 12px #ffd70099,0 4px 8px #001f5433;transform:translateY(-2px)}.highlighted.black-key[data-v-4018e4f8]{background:linear-gradient(180deg,gold 0,#cca300);box-shadow:0 0 12px #ffd70099,0 4px 8px #0006;transform:translateY(-1px)}