.piano-window[data-v-2e63556c]{margin:1.5rem 0}.piano-body[data-v-2e63556c]{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.6rem}.piano-toolbar[data-v-2e63556c]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem .8rem}.piano-hint-bar[data-v-2e63556c]{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .5rem;font-size:.7rem;color:var(--text-muted, rgba(255,241,255,.7))}.ph-label[data-v-2e63556c]{font-weight:600;color:var(--accent, #ff9bda)}.ph-sep[data-v-2e63556c]{opacity:.5}.ph-block[data-v-2e63556c]{display:flex;align-items:baseline;gap:.2rem}.ph-key[data-v-2e63556c]{display:inline-block;padding:0 .3em;background:#00000040;border:1px solid var(--pixel-border, #7c5bb6);border-radius:2px;font-weight:700;font-size:.68rem;color:#ffd6f2;letter-spacing:.05em}.ph-note[data-v-2e63556c]{font-size:.65rem;opacity:.8}.ph-desc[data-v-2e63556c]{font-size:.65rem;opacity:.7}.piano-octave-ctrl[data-v-2e63556c]{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.oct-btn[data-v-2e63556c]{width:26px;height:26px;background:var(--panel-dark, rgba(112,92,174,.85));border:2px solid var(--pixel-border, #7c5bb6);color:#ffd6f2;font-size:1rem;line-height:1;cursor:pointer;border-radius:2px;transition:background .1s;font-family:inherit}.oct-btn[data-v-2e63556c]:hover:not(:disabled){background:var(--arcade-purple, #8e6ae8)}.oct-btn[data-v-2e63556c]:disabled{opacity:.35;cursor:default}.oct-label[data-v-2e63556c]{font-size:.72rem;color:var(--text-muted, rgba(255,241,255,.7));min-width:40px;text-align:center}.piano-scroll-wrap[data-v-2e63556c]{position:relative;overflow-x:auto;overflow-y:hidden;height:138px;border:2px solid var(--pixel-border, #7c5bb6);background:#1a1228;box-shadow:inset 2px 2px #0006;scrollbar-width:thin;scrollbar-color:#ff9bda rgba(255,255,255,.06);flex-shrink:0}.piano-scroll-wrap[data-v-2e63556c]::-webkit-scrollbar{height:8px}.piano-scroll-wrap[data-v-2e63556c]::-webkit-scrollbar-track{background:#ffffff0f}.piano-scroll-wrap[data-v-2e63556c]::-webkit-scrollbar-thumb{background:#ff9bda;border-radius:3px}.piano-scale-wrap[data-v-2e63556c]{position:relative}.piano-stage[data-v-2e63556c]{position:relative;-webkit-user-select:none;user-select:none}.pkey[data-v-2e63556c]{position:absolute;top:0;cursor:pointer;border-radius:0 0 3px 3px;box-sizing:border-box;transition:background .04s;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4px;gap:2px}.pkey--white[data-v-2e63556c]{background:linear-gradient(180deg,#f5f0ff,#ede5ff 60%,#d8cdf5);border:1px solid #9980cc;border-top:none;z-index:1}.pkey--white.active[data-v-2e63556c]{background:linear-gradient(180deg,#ffd6f2,#ffb6e8 60%,#f090d8);border-color:var(--arcade-pink, #ff92d6)}.pkey--white.mapped[data-v-2e63556c]{background:linear-gradient(180deg,#f5f0ff,#e8ddff 55%,#cbbef0)}.pkey--white.mapped.active[data-v-2e63556c]{background:linear-gradient(180deg,#ffd6f2,#ffb6e8 60%,#f090d8)}.pkey--white[data-v-2e63556c]:hover:not(.active){background:linear-gradient(180deg,#fef,#f5d8ff 60%,#e0c8f8)}.pkey--black[data-v-2e63556c]{background:linear-gradient(180deg,#2a1f45,#1a1230 60%,#120d24);border:1px solid #5a3d8a;border-top:none;z-index:2;box-shadow:1px 2px #0009,inset 0 -1px #ffffff0d}.pkey--black.active[data-v-2e63556c]{background:linear-gradient(180deg,#b040a0,#8c2080 60%,#6a1060);border-color:#ff60c0;box-shadow:1px 2px #0006}.pkey--black.mapped[data-v-2e63556c]{background:linear-gradient(180deg,#3d2560,#281844 60%,#1c1032)}.pkey--black.mapped.active[data-v-2e63556c]{background:linear-gradient(180deg,#b040a0,#8c2080 60%,#6a1060)}.pkey--black[data-v-2e63556c]:hover:not(.active){background:linear-gradient(180deg,#4a2c7a,#321e5c 60%,#23164a)}.pkey__note[data-v-2e63556c]{font-size:.55rem;color:#8860cc;line-height:1;letter-spacing:0}.pkey--white.active .pkey__note[data-v-2e63556c],.pkey--white.mapped.active .pkey__note[data-v-2e63556c]{color:#a04080}.pkey__kb[data-v-2e63556c]{font-size:.52rem;font-weight:700;color:var(--accent, #ff9bda);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pkey--white .pkey__kb[data-v-2e63556c]{color:#8050b8}.pkey--white.active .pkey__kb[data-v-2e63556c],.pkey--white.mapped .pkey__kb[data-v-2e63556c]{color:#a040a0}.piano-range-bar[data-v-2e63556c]{position:absolute;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent, #ff9bda) 15%,var(--accent, #ff9bda) 85%,transparent);pointer-events:none;z-index:5;opacity:.6}.hide-mobile[data-v-2e63556c]{display:flex}.show-mobile[data-v-2e63556c]{display:none}.piano-mobile-entry[data-v-2e63556c]{display:none;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;margin:1.5rem 0;text-decoration:none;color:var(--text-primary, #f7f1ff);cursor:pointer;transition:background .15s;background:var(--panel, rgba(140,119,196,.5))}.piano-mobile-entry[data-v-2e63556c]:hover,.piano-mobile-entry[data-v-2e63556c]:active{background:var(--arcade-purple, #8e6ae8)}.pme-icon[data-v-2e63556c]{font-size:1.4rem}.pme-text[data-v-2e63556c]{flex:1;font-size:.85rem;font-weight:700;color:#ffd6f2}.pme-arrow[data-v-2e63556c]{font-size:1rem;color:var(--accent, #ff9bda)}@media (max-width: 640px){.piano-window[data-v-2e63556c]{display:none}.piano-mobile-entry[data-v-2e63556c]{display:flex}}.piano-mini-map[data-v-2e63556c]{position:relative;height:22px;background:#0000004d;border:2px solid var(--pixel-border, #7c5bb6);border-top:none;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;overflow:hidden}.mini-map-tick[data-v-2e63556c]{position:absolute;top:0;transform:translate(-50%);font-size:.5rem;color:#fff1ff73;line-height:22px;pointer-events:none;white-space:nowrap}.mini-map-thumb[data-v-2e63556c]{position:absolute;top:2px;bottom:2px;background:linear-gradient(90deg,#ff9bda8c,#8e6ae88c);border:1px solid var(--accent, #ff9bda);border-radius:2px;pointer-events:none;transition:left .12s ease}