.piano-wrapper[data-v-4e9395df]{padding:12px 0}.piano-hint[data-v-4e9395df]{text-align:center;font-size:13px;color:#999;margin-bottom:10px}.piano-container[data-v-4e9395df]{padding:20px 0 10px}.piano-body[data-v-4e9395df]{position:relative;display:flex;height:180px;margin:0 auto;padding:0 4px;background:linear-gradient(180deg,#f0ebe5,#e8e2da);border-radius:12px;box-shadow:0 4px 20px #00000014,inset 0 1px #fff9,inset 0 -2px 6px #0000000a}.white-key[data-v-4e9395df]{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;background:linear-gradient(180deg,#fff,#f8f6f3 80%,#f0ece6);border:1px solid #d8d2ca;border-bottom-left-radius:6px;border-bottom-right-radius:6px;cursor:pointer;position:relative;z-index:1;transition:background .06s,box-shadow .06s;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #00000008}.white-key[data-v-4e9395df]:hover{background:linear-gradient(180deg,#fafafa,#f0ece6 80%,#e8e2da)}.white-key[data-v-4e9395df]:active,.white-key.active[data-v-4e9395df]{background:linear-gradient(180deg,#e3eaf8,#d0dbf0 80%,#c5d3ec);box-shadow:inset 0 2px 4px #0000000f;border-color:#b0c4de}.white-key .key-label-area[data-v-4e9395df]{display:flex;flex-direction:column;align-items:center;padding-bottom:8px;pointer-events:none}.white-key .key-note[data-v-4e9395df]{font-size:11px;color:#888;font-weight:500}.white-key .key-shortcut[data-v-4e9395df]{font-size:13px;color:#aaa;font-weight:600;background:#0000000a;border-radius:4px;padding:1px 5px;margin-top:2px;min-width:20px;text-align:center}.white-key.active .key-note[data-v-4e9395df]{color:#4a7ab5}.white-key.active .key-shortcut[data-v-4e9395df]{color:#fff;background:#5b8def}.black-key[data-v-4e9395df]{position:absolute;top:0;width:4.2%;height:62%;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:linear-gradient(180deg,#3a3a3a,#2a2a2a,#1e1e1e);border:1px solid #111;border-bottom-left-radius:5px;border-bottom-right-radius:5px;cursor:pointer;transition:background .06s,box-shadow .06s;-webkit-user-select:none;user-select:none;box-shadow:0 3px 8px #0003,inset 0 -1px 3px #ffffff0d}.black-key[data-v-4e9395df]:hover{background:linear-gradient(180deg,#444,#333,#282828)}.black-key[data-v-4e9395df]:active,.black-key.active[data-v-4e9395df]{background:linear-gradient(180deg,#3a50aa,#2f4088,#253570);box-shadow:inset 0 2px 6px #0000004d;border-color:#1a2a55}.black-key .key-label-area[data-v-4e9395df]{display:flex;flex-direction:column;align-items:center;padding-bottom:6px;pointer-events:none}.black-key .key-shortcut[data-v-4e9395df]{font-size:10px;color:#ffffff80;font-weight:600;text-align:center}.black-key .key-note[data-v-4e9395df]{font-size:9px;color:#ffffff59;margin-top:1px}.black-key.active .key-shortcut[data-v-4e9395df]{color:#ffffffe6}.black-key.active .key-note[data-v-4e9395df]{color:#fff9}@media (max-width: 600px){.piano-body[data-v-4e9395df]{height:140px}}.score-panel[data-v-7d323471]{background:#fff;border-radius:14px;padding:16px 20px;box-shadow:0 2px 12px #0000000a}.toolbar[data-v-7d323471]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title[data-v-7d323471]{font-size:16px;font-weight:600;color:#444}.import-btn[data-v-7d323471]{display:inline-flex;align-items:center;padding:6px 14px;background:#eef3fa;color:#4a7ab5;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.import-btn[data-v-7d323471]:hover{background:#dce6f2}.toolbar-actions[data-v-7d323471]{display:flex;align-items:center;gap:6px}.format-btn[data-v-7d323471]{width:28px;height:28px;border-radius:50%;border:1px solid #d8d2ca;background:#f8f6f3;color:#888;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.format-btn[data-v-7d323471]:hover{background:#eef3fa;border-color:#b0c4de;color:#4a7ab5}.format-info[data-v-7d323471]{background:#f8f6f3;border:1px solid #e8e2da;border-radius:10px;padding:14px 16px;margin-bottom:14px;font-size:13px;line-height:1.6;color:#555}.format-info strong[data-v-7d323471]{display:block;font-size:14px;color:#444;margin-bottom:4px}.format-info p[data-v-7d323471]{margin-bottom:8px}.format-info pre[data-v-7d323471]{background:#fff;border:1px solid #e0d8d0;border-radius:6px;padding:10px 12px;font-size:12px;font-family:SF Mono,Fira Code,Consolas,monospace;overflow-x:auto;color:#444;margin-bottom:8px}.format-sub[data-v-7d323471]{font-size:13px;font-weight:600;color:#555;margin:10px 0 2px}.format-desc[data-v-7d323471]{font-size:12px;color:#777;margin-bottom:6px}.abc-input-area[data-v-7d323471]{background:#f8f6f3;border:1px solid #e0d8d0;border-radius:10px;padding:12px;margin-bottom:14px}.abc-textarea[data-v-7d323471]{width:100%;min-height:120px;padding:10px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;border:1px solid #d8d2ca;border-radius:8px;resize:vertical;background:#fff;color:#444;outline:none;transition:border-color .15s}.abc-textarea[data-v-7d323471]:focus{border-color:#5b8def;box-shadow:0 0 0 2px #5b8def1f}.abc-import-exec[data-v-7d323471]{margin-top:8px}.abc-btn[data-v-7d323471]{background:#f0f0ee}.storage-notice[data-v-7d323471]{font-size:12px;color:#b0a898;text-align:center;padding:0 10px 10px;line-height:1.5}.format-table[data-v-7d323471]{width:100%;border-collapse:collapse;font-size:12px}.format-table th[data-v-7d323471]{text-align:left;font-weight:500;color:#666;width:140px;padding:3px 8px 3px 0;vertical-align:top}.format-table td[data-v-7d323471]{color:#777;padding:3px 0}.score-tabs[data-v-7d323471]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.score-tab[data-v-7d323471]{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:#f5f2ee;border-radius:20px;font-size:13px;color:#666;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;border:1px solid transparent}.score-tab[data-v-7d323471]:hover{background:#ece8e2}.score-tab.active[data-v-7d323471]{background:#5b8def;color:#fff;border-color:#4a7ad5;box-shadow:0 2px 8px #5b8def40}.score-tab.imported[data-v-7d323471]:after{content:"";display:none}.delete-btn[data-v-7d323471]{background:none;border:none;color:inherit;font-size:16px;line-height:1;cursor:pointer;opacity:.6;padding:0 2px;margin-left:2px}.score-tab.active .delete-btn[data-v-7d323471]{color:#ffffffb3}.delete-btn[data-v-7d323471]:hover{opacity:1}.empty-state[data-v-7d323471]{text-align:center;padding:30px 10px;color:#aaa;font-size:14px}.score-header h4[data-v-7d323471]{font-size:14px;font-weight:500;color:#555;margin-bottom:10px}.notes-scroll[data-v-7d323471]{padding-bottom:6px}.notes-row[data-v-7d323471]{display:flex;flex-wrap:wrap;gap:6px}.note-cell[data-v-7d323471]{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:8px 6px 6px;background:#f8f6f3;border:1px solid #e8e2da;border-radius:8px;cursor:pointer;transition:all .1s}.note-cell[data-v-7d323471]:hover{background:#eef3fa;border-color:#c5d3ec}.note-cell.is-sharp[data-v-7d323471]{background:#f0ece8}.note-cell.is-half[data-v-7d323471]{border-style:dashed}.note-name[data-v-7d323471]{font-size:16px;font-weight:600;color:#444}.note-key[data-v-7d323471]{font-size:11px;color:#888;background:#0000000d;border-radius:4px;padding:0 6px;margin-top:2px;font-weight:600;line-height:18px}.note-duration[data-v-7d323471]{font-size:14px;color:#bbb;margin-top:1px}@media (max-width: 600px){.score-panel[data-v-7d323471]{padding:12px 14px}.note-cell[data-v-7d323471]{min-width:44px;padding:6px 4px 4px}.note-name[data-v-7d323471]{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;background:linear-gradient(135deg,#f7f4f0,#f0ebe5,#ebe4dc);color:#333;min-height:100vh}.app[data-v-b9ca8654]{max-width:1100px;margin:0 auto;padding:16px 20px 30px;min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-b9ca8654]{display:flex;align-items:center;justify-content:space-between;padding:8px 0 16px}.header-left[data-v-b9ca8654]{display:flex;align-items:center;gap:10px}.header-icon[data-v-b9ca8654]{font-size:28px}.app-title[data-v-b9ca8654]{font-size:22px;font-weight:700;color:#444;letter-spacing:.5px}.header-right[data-v-b9ca8654]{display:flex;align-items:center;gap:10px}.lang-label[data-v-b9ca8654]{font-size:13px;color:#888;font-weight:500;min-width:48px;text-align:right}.lang-toggle[data-v-b9ca8654]{background:none;border:none;cursor:pointer;padding:2px}.toggle-track[data-v-b9ca8654]{display:block;width:44px;height:24px;background:#ddd;border-radius:12px;position:relative;transition:background .2s}.toggle-track[data-v-b9ca8654]:has(.right){background:#5b8def}.toggle-thumb[data-v-b9ca8654]{display:block;width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px #00000026}.toggle-thumb.right[data-v-b9ca8654]{left:22px}.app-main[data-v-b9ca8654]{flex:1;display:flex;flex-direction:column;gap:12px}.piano-section[data-v-b9ca8654]{background:#fff;border-radius:16px;padding:10px 16px;box-shadow:0 2px 16px #0000000a}.app-footer[data-v-b9ca8654]{margin-top:20px;padding:12px 0;text-align:center}.footer-hint[data-v-b9ca8654]{font-size:12px;color:#aaa;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.key-hints[data-v-b9ca8654]{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap;margin-left:4px}.key-hints kbd[data-v-b9ca8654]{display:inline-block;padding:1px 6px;font-size:11px;font-family:inherit;background:#f0ece6;border:1px solid #d8d2ca;border-radius:4px;color:#666;line-height:1.6}.key-hints .sep[data-v-b9ca8654]{color:#ccc;margin:0 2px}