.score-editor[data-v-01d72cac]{display:flex;flex-direction:column;background:#f7f8fb;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.editor-header[data-v-01d72cac]{display:flex;align-items:center;justify-content:space-between;padding:2.6667vw 4.2667vw}.header-title[data-v-01d72cac]{font-size:4vw;font-weight:600;color:#1f2937}.header-clear[data-v-01d72cac]{font-size:3.2vw;color:#5b4bdb;padding:1.0667vw 2.6667vw}.editor-main[data-v-01d72cac]{display:flex;gap:0;padding:0 3.2vw;position:relative}.score-card[data-v-01d72cac]{flex:1;background:#fff;border-radius:2.6667vw;box-shadow:0 .2667vw 2.1333vw #0000000a;overflow:visible}.staff-container[data-v-01d72cac]{width:100%;min-height:106.6667vw;overflow:visible;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.staff-container svg[data-v-01d72cac]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;display:block;overflow:visible}.pitch-handle[data-v-01d72cac]{position:absolute;right:1.0667vw;transform:translateY(-50%);width:16vw;background:#fff;border-radius:3.2vw;box-shadow:0 .5333vw 3.2vw #5b4bdb1f;display:flex;flex-direction:column;align-items:center;overflow:hidden;z-index:10}.handle-header[data-v-01d72cac]{width:100%;background:linear-gradient(180deg,#6c5ce7,#5b4bdb);padding:1.6vw 0;text-align:center}.handle-label[data-v-01d72cac]{font-size:2.4vw;color:#ffffffe6;letter-spacing:.2667vw}.handle-body[data-v-01d72cac]{display:flex;flex-direction:column;align-items:center;padding:2.6667vw 0;gap:1.0667vw;position:relative}.handle-scale[data-v-01d72cac]{width:.5333vw;height:26.6667vw;background:linear-gradient(180deg,#e8e0ff,#d4c8ff,#e8e0ff);border-radius:.2667vw;position:absolute}.handle-dot[data-v-01d72cac]{width:2.1333vw;height:2.1333vw;border-radius:50%;background:#5b4bdb;position:relative;z-index:1;box-shadow:0 .2667vw 1.0667vw #5b4bdb4d}.handle-pitch[data-v-01d72cac]{font-size:4.2667vw;font-weight:700;color:#1f2937;font-family:monospace;position:relative;z-index:1}.handle-arrows[data-v-01d72cac]{display:flex;flex-direction:column;align-items:center;gap:.8vw;padding-bottom:1.0667vw}.handle-arrow[data-v-01d72cac]{font-size:2.9333vw;color:#c4c9d0}.line-navigator[data-v-01d72cac]{display:flex;align-items:center;justify-content:center;gap:2.1333vw;padding:2.1333vw 3.2vw}.line-nav-btn[data-v-01d72cac]{padding:1.3333vw 3.7333vw;border-radius:5.3333vw;background:#fff;border:.1333vw solid #E9ECF2;font-size:2.9333vw;color:#5b4bdb}.line-nav-btn[data-v-01d72cac]:active{background:#f4f2ff}.line-nav-btn-disabled[data-v-01d72cac]{opacity:.3;pointer-events:none}.line-nav-info[data-v-01d72cac]{font-size:2.9333vw;color:#9aa0aa}.toolbar-strip[data-v-01d72cac]{position:sticky;bottom:0;z-index:20;background:#fff;border-top:.1333vw solid #F0F0F0;box-shadow:0 -.2667vw 1.0667vw #00000008;padding:1.0667vw 1.6vw;padding-bottom:env(safe-area-inset-bottom,1.0667vw)}.toolbar[data-v-01d72cac]{display:flex;gap:0;justify-content:space-around;align-items:flex-end}.tool-btn[data-v-01d72cac]{display:flex;flex-direction:column;align-items:center;gap:.5333vw;padding:1.0667vw 1.6vw;border:none;background:transparent;color:#9aa0aa;font-size:2.6667vw;min-width:10.6667vw;position:relative;transition:color .15s}.tool-btn[data-v-01d72cac]:after{content:"";position:absolute;bottom:-1.0667vw;width:4.2667vw;height:.5333vw;border-radius:.2667vw;background:transparent;transition:background .15s}.tool-btn.active[data-v-01d72cac]{color:#5b4bdb}.tool-btn.active[data-v-01d72cac]:after{background:#5b4bdb}.tool-btn.disabled[data-v-01d72cac]{opacity:.25;pointer-events:none}.tool-btn-icon[data-v-01d72cac]{font-size:4.8vw;line-height:1}.tool-btn-label[data-v-01d72cac]{font-size:2.4vw;line-height:1}.advanced-drawer[data-v-01d72cac]{background:#fff;border-top:.1333vw solid #F0F0F0;padding:2.1333vw 3.2vw;padding-bottom:env(safe-area-inset-bottom,2.1333vw);display:flex;flex-direction:column;gap:2.1333vw}.drawer-row[data-v-01d72cac]{display:flex;flex-direction:column;gap:1.0667vw}.drawer-row-title[data-v-01d72cac]{font-size:2.6667vw;color:#9aa0aa;padding-left:.5333vw}.drawer-row-btns[data-v-01d72cac]{display:flex;flex-wrap:wrap;gap:1.3333vw}.drawer-btn[data-v-01d72cac]{padding:1.0667vw 2.1333vw;border:.1333vw solid #E9ECF2;border-radius:1.0667vw;background:#fafbfc;font-size:2.9333vw;color:#4a5568;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.drawer-btn.clef-btn[data-v-01d72cac]{gap:.2667vw}.clef-icon[data-v-01d72cac]{font-size:3.7333vw;line-height:1}.clef-name[data-v-01d72cac]{font-size:2.1333vw;color:#7b8898}.drawer-btn .ts-text[data-v-01d72cac]{font-size:2.9333vw;font-weight:500}.drawer-btn.active[data-v-01d72cac]{border-color:#5b4bdb;background:#f4f2ff;color:#5b4bdb}.drawer-btn.disabled[data-v-01d72cac]{opacity:.25;pointer-events:none}.drawer-btn.active .clef-name[data-v-01d72cac]{color:#5b4bdb}.tool-drawer[data-v-01d72cac]{position:fixed;left:2.1333vw;right:2.1333vw;bottom:16vw;z-index:999;background:#fff;border-radius:3.2vw;box-shadow:0 1.6vw 5.3333vw #0000001f;padding:3.2vw 2.6667vw;display:flex;flex-direction:column;gap:1.6vw}.tool-drawer .drawer-row[data-v-01d72cac]{display:flex;flex-direction:column;gap:1.0667vw}.tool-drawer .drawer-row-title[data-v-01d72cac]{font-size:2.6667vw;color:#9aa0aa;padding-left:.5333vw}.tool-drawer .drawer-row-btns[data-v-01d72cac]{display:flex;flex-wrap:wrap;gap:1.3333vw}.tool-drawer .drawer-btn[data-v-01d72cac]{padding:1.3333vw 2.6667vw;border:.1333vw solid #E9ECF2;border-radius:1.3333vw;background:#fafbfc;font-size:3.2vw;color:#4a5568;display:flex;align-items:center;gap:.8vw}.tool-drawer .drawer-btn.active[data-v-01d72cac]{border-color:#5b4bdb;background:#f4f2ff;color:#5b4bdb}.tool-drawer .drawer-btn.disabled[data-v-01d72cac]{opacity:.25;pointer-events:none}.toolbar[data-v-01d72cac]{overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar[data-v-01d72cac]::-webkit-scrollbar{display:none}.tool-btn[data-v-01d72cac]{flex-shrink:0}.fallback[data-v-01d72cac]{display:flex;align-items:center;justify-content:center;height:100%}.fallback-text[data-v-01d72cac]{font-size:3.7333vw;color:#b0b8c4}.demo-page[data-v-eaddbd97]{padding:3.2vw;background:#f7f8fa;min-height:100vh}.page-title[data-v-eaddbd97]{font-size:4.5333vw;font-weight:600;color:#1f2937;margin-bottom:3.2vw;display:block;letter-spacing:.1333vw}.debug-toggle[data-v-eaddbd97]{margin-top:3.2vw;padding:2.6667vw 0;display:flex;justify-content:center}.debug-toggle-text[data-v-eaddbd97]{font-size:3.2vw;color:#9ca3af}.debug-panel[data-v-eaddbd97]{display:flex;flex-direction:column;gap:2.6667vw}.api-panel[data-v-eaddbd97],.json-panel[data-v-eaddbd97]{background:#fff;border-radius:2.1333vw;padding:2.6667vw;box-shadow:0 .2667vw 1.6vw #00000008}.panel-label[data-v-eaddbd97]{font-size:3.2vw;color:#6b7280;margin-bottom:2.1333vw;display:block}.api-btns[data-v-eaddbd97]{display:flex;gap:2.1333vw;flex-wrap:wrap}.api-btn[data-v-eaddbd97]{padding:1.8667vw 3.7333vw;background:#f3f4f6;border-radius:1.3333vw}.api-btn text[data-v-eaddbd97]{color:#4b5563;font-size:3.4667vw}.json-content[data-v-eaddbd97]{background:#f9fafb;border-radius:1.0667vw;padding:2.1333vw}.json-text[data-v-eaddbd97]{font-size:2.9333vw;color:#374151;font-family:monospace;white-space:pre-wrap;word-break:break-all}