:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{padding:0;margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}.card{padding:2em}#app{width:100%;height:100%;overflow:hidden}html,body{width:100%;height:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.scroller-wrapper[data-v-51594267]{width:100%;height:100%;overflow:hidden;position:relative}svg .abcr{fill:#d00000;fill-opacity:0;z-index:15}.spectrum-canvas{position:absolute;top:0;left:0}.nobrk{width:100%;height:100%;overflow:auto}.selected_text{fill:red}.count-down[data-v-e1771529]{position:fixed;text-align:center;top:30px;right:40px;color:orange;font-size:40px;display:none}.root-wrapper[data-v-e1771529]{display:flex;flex-direction:column}.root-wrapper .control-panel[data-v-e1771529]{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:#f69e1a}.root-wrapper .control-panel .options[data-v-e1771529]{display:flex}.root-wrapper .control-panel .options>div[data-v-e1771529]{width:230px;display:flex;justify-content:center}.staff-container[data-v-e1771529]{height:calc(100% - 300px);min-height:300px}.frequency-container[data-v-e1771529]{padding:0;height:300px;background:#535353;box-sizing:border-box;width:100%;overflow:hidden}.frequency-canvas[data-v-e1771529]{width:fit-content;height:100%}.staff-target[data-v-e1771529]{width:fit-content}.attrDialog-content .form-max-item[data-v-b943d2d4]{margin:10px 0}.attrDialog-content .form-max-item>label[data-v-b943d2d4]{font-size:16px;color:#5e6971}.attrDialog-content .form-max-item>label>span[data-v-b943d2d4]{display:inline-block;width:120px;text-align:right}.attrDialog-content .form-max-item input[data-v-b943d2d4]{font-size:16px;border:1px solid #d0d0d0;height:36px;line-height:36px;color:#333;padding:0 7px;border-radius:4px;box-sizing:border-box}.attrDialog-content .form-input-item[data-v-b943d2d4]{margin:10px 0}.attrDialog-content .form-input-item>label[data-v-b943d2d4]{font-size:16px;color:#5e6971;display:flex;align-items:center}.attrDialog-content .form-input-item>label>span[data-v-b943d2d4]{display:inline-block;width:120px;text-align:right}.attrDialog-content .form-input-item input[data-v-b943d2d4]{width:60px;height:36px;line-height:36px;color:#333;padding:0 7px;border-radius:4px;border:1px solid #d0d0d0;box-sizing:border-box}.attrDialog-content .form-select select[data-v-b943d2d4]{width:100px;height:36px;line-height:36px;color:#333;padding:0 7px;border-radius:4px;border:1px solid #d0d0d0}.attrDialog-content .form-max-select select[data-v-b943d2d4]{width:150px;height:36px;line-height:36px;color:#333;padding:0 7px;border-radius:4px;border:1px solid #d0d0d0}.attrDialog-container[data-v-ca3911ef]{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:9999}.attrDialog-container .dialog[data-v-ca3911ef]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;padding:0}.attrDialog-container .dialog .dialog-header[data-v-ca3911ef]{display:flex;align-items:center;padding:5px 15px;height:50px;font-size:18px;justify-content:space-between;border-bottom:1px solid #ddd;font-size:16px}.attrDialog-container .dialog .dialog-close[data-v-ca3911ef]{cursor:pointer;font-size:18px;height:50px;line-height:50px;text-align:center}.attrDialog-container .dialog .dialog-content[data-v-ca3911ef]{overflow:auto;width:100%;display:flex;justify-content:center;border-bottom:1px solid #ddd;flex-grow:1;padding:20px 0}.attrDialog-container .dialog .dialog-footer[data-v-ca3911ef]{height:50px;display:flex;align-items:center;justify-content:right;padding:5px 15px}.attrDialog-container .dialog .dialog-footer>div[data-v-ca3911ef]{width:50px;height:30px;border:1px solid #ddd;box-sizing:border-box;text-align:center;line-height:30px;border-radius:5px;margin-left:10px;background-color:#eaeaea;color:#525252;font-size:14px}button.notes.active[data-v-40d74b82]{background-image:repeating-radial-gradient(circle at 50% 0,#9c9da3,#313541);color:#fff;border:1px solid #fff}.spectrum-btns[data-v-40d74b82]{width:20%;min-width:340px;height:100%;overflow:hidden;min-height:600px;background-color:#323232;box-sizing:border-box}.spectrum-btns .title[data-v-40d74b82]{height:7%;text-align:center;line-height:3}.spectrum-btns>.editor-rise-fall[data-v-40d74b82]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:50% 50%;margin:0 10px;border-bottom:2px solid #222733;padding:10px 0;height:25%;min-height:150px;max-height:230px;align-items:center;box-sizing:border-box}.spectrum-btns>.editor-note-lenth[data-v-40d74b82]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:50% 50%;margin:0 10px;font-size:10px;border-bottom:2px solid #222733;padding:10px 0;height:25%;min-height:150px;max-height:230px;align-items:center;box-sizing:border-box}.spectrum-btns>.editor-note-num[data-v-40d74b82]{padding:10px 0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:50% 50%;margin:0 10px;border-bottom:2px solid #222733;height:25%;min-height:150px;max-height:230px;align-items:center;box-sizing:border-box}.spectrum-btns .num[data-v-40d74b82]{width:80%;height:80%;max-height:85%;margin:8px auto;border:1px solid #4b4b4b;background:#4b4b4b;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#bbb;font-size:16px;cursor:pointer}.spectrum-btns .num.active[data-v-40d74b82]{border:1px solid #fff}.spectrum-btns .num-end1[data-v-40d74b82]{grid-column-start:1;grid-column-end:3;width:calc(100% - 20px);margin-left:10px;margin-right:10px;font-size:20px}.spectrum-btns .num-end2[data-v-40d74b82]{grid-column-start:3;grid-column-end:4;font-size:20px}.spectrum-btns .items[data-v-40d74b82]{width:80%;height:80%;overflow:hidden;margin:0 auto;border:1px solid #7f8188;background:#505050;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#ddd;cursor:pointer}.spectrum-btns .items img[data-v-40d74b82]{max-height:40%;max-width:40%}.spectrum-btns .items svg[data-v-40d74b82]{width:60%;height:60%}.spectrum-btns .notes[data-v-40d74b82]{width:80%;height:80%;overflow:hidden;margin:0 auto;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#ddd;background-image:repeating-radial-gradient(circle at 50% 0,#53555c,#2d3038);border:1px solid #53555c;font-size:20px;cursor:pointer;touch-action:none}.spectrum-btns .notes>.dot[data-v-40d74b82]{display:inline-block;width:15px;height:15px;border-radius:50%;background-color:#e6e5e5}.spectrum-btns .notes>svg[data-v-40d74b82]{max-width:70%;max-height:70%}.drag-note-img{width:40px;height:40px;background:#dedede}svg.music{display:block}.staff-wrapper[data-v-160b26f8]{width:100%;height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:30px 50px}.staff-container[data-v-160b26f8]{width:calc(100% - 10px)}svg .abcr[data-v-160b26f8]{fill:orange}.staff-container[data-v-160b26f8] .nobrk{width:100%;height:auto;overflow:visible}.staff-wrapper[data-v-160b26f8]::-webkit-scrollbar{width:10px;height:10px;border-radius:10px;background-color:#f5f5f5}.staff-wrapper[data-v-160b26f8]::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #0000004d;border-radius:10px;background:#ddd;transition:.3s ease-in-out}.staff-wrapper[data-v-160b26f8]::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.lyric-container[data-v-ea565456]{border-top:2px solid #ccc;padding:30px 0 0;height:100%;overflow-y:auto}.lyric-container em[data-v-ea565456]{font-style:normal}.staff-container[data-v-fb7ad3f0]{display:flex;flex-direction:column;height:100%;flex:1}.abc-staff[data-v-fb7ad3f0]{overflow:auto;flex:1}.lyric-bottom[data-v-fb7ad3f0]{height:50%;flex:1;padding:50px 50px 50px 70px}.spectrum-container[data-v-fb7ad3f0]{width:100%;height:100%;min-height:600px;display:flex}svg.music{touch-action:none}.lyric-num{position:absolute;background:rgb(252,205,118);border:orange;height:30px}.lyric-num span{font-size:16px;display:inline-block;border-right:1px solid orange;width:30px;text-align:center;line-height:30px;color:#fff;cursor:pointer}.lyric-num span.active{background:rgb(198,143,3)}.lyric-num span:last-child{border-right:none}.staff-wrapper[data-v-ef8b3f75]{width:100%;overflow:hidden;background-color:#f6fcff;box-sizing:border-box;padding:0 10%;min-width:800px;position:relative}.staff-container[data-v-ef8b3f75]{margin:0 auto;overflow-y:auto;position:relative}.staff-wrapper .staff-container[data-v-ef8b3f75] .nobrk svg{background-color:transparent!important}.vocal-acc-wrapper[data-v-b4fdca42]{width:100%;height:100%;position:relative}.vocal-acc-wrapper button[data-v-b4fdca42]:focus,.vocal-acc-wrapper button[data-v-b4fdca42]:focus-visible{outline:0}.vocal-acc-wrapper .sing-btn[data-v-b4fdca42]{display:flex}.vocal-acc-wrapper .bottom-btn[data-v-b4fdca42]{width:100%;height:100px;display:flex;justify-content:center;background-color:#e0f1f6;border-top:1px solid #d9e9ef}.vocal-acc-wrapper .bottom-btn .bottom-container[data-v-b4fdca42]{width:100%;display:flex;justify-content:space-around;align-items:center;border-top:none;border-bottom:none;padding:0 50px}.vocal-acc-wrapper .button-tools[data-v-b4fdca42]{display:flex;align-items:center}.vocal-acc-wrapper .sing-btn[data-v-b4fdca42]{border-radius:8px;overflow:hidden;border:1px solid #ddd}.vocal-acc-wrapper .sing-btn button[data-v-b4fdca42]{min-width:80px;padding:0 12px;margin:0;border:none;height:36px;line-height:36px;font-size:14px;color:#333;cursor:pointer;background:#fff;border-right:1px solid #ddd;border-radius:0}.vocal-acc-wrapper button[data-v-b4fdca42]:disabled{color:#ababab;cursor:default}.vocal-acc-wrapper button.active[data-v-b4fdca42]:disabled{background-color:#c6c6c6!important}.vocal-acc-wrapper .sing-btn button[data-v-b4fdca42]:last-child{border:none}.vocal-acc-wrapper .bottom-btn .bottom-container .button-tools button[data-v-b4fdca42]{border:none;width:60px;height:60px;background-color:transparent;padding:0}.vocal-acc-wrapper .bottom-btn .bottom-container .button-tools button svg[data-v-b4fdca42]{color:#30c361}.vocal-acc-wrapper .bottom-btn .bottom-container .button-tools button[data-v-b4fdca42]:last-child{margin:0}.vocal-acc-wrapper .bottom-btn .bottom-container .button-tools button svg[data-v-b4fdca42]{width:100%;height:100%}.vocal-acc-wrapper .bottom-btn .bottom-container .play-btn[data-v-b4fdca42]:disabled{opacity:.2;position:relative}.vocal-acc-wrapper .bottom-btn .bottom-container .play-btn:disabled span[data-v-b4fdca42]{position:absolute;top:0;left:0;font-size:12px;color:#000;width:65px;line-height:65px;text-align:center}.vocal-acc-wrapper .bottom-btn .select-music[data-v-b4fdca42]{width:100px;height:70px;display:flex;justify-content:center;align-items:center;background-color:#3190ce;color:#fff;border-radius:10px}.vocal-acc-wrapper .bottom-btn .bottom-container .active[data-v-b4fdca42]{background-color:#30c361;color:#fff}.vocal-acc-wrapper .music-type[data-v-b4fdca42]{font-size:16px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.vocal-acc-wrapper .music-type button[data-v-b4fdca42]{border:none;min-width:80px;padding:5px 12px;margin:0;line-height:1;border-right:1px solid #ddd;font-size:12px;background-color:#fff;cursor:pointer;background-repeat:no-repeat;background-position:center 6px;background-size:28px;border-radius:0}.vocal-acc-wrapper .music-type button[data-v-b4fdca42]:last-child{border:none}.vocal-acc-wrapper .music-type button[data-v-b4fdca42]:hover{background-color:#f4f4f4}.vocal-acc-wrapper .music-type button.active[data-v-b4fdca42]{background-color:#30c361;color:#fff}.vocal-acc-wrapper .music-type button svg[data-v-b4fdca42]{width:30px;height:30px;display:block;margin:0 auto 3px}.vocal-acc-wrapper .music-type button.active svg[data-v-b4fdca42]{color:#fff}.vocal-acc-wrapper.small[data-v-b4fdca42]{display:flex;flex-direction:column}.vocal-acc-wrapper .staff-wrapper[data-v-b4fdca42]{height:calc(100% - 100px)}.vocal-acc-wrapper.small .staff-wrapper[data-v-b4fdca42]{height:calc(100% - 71px)}.vocal-acc-wrapper.small .bottom-btn[data-v-b4fdca42]{height:auto}.vocal-acc-wrapper.small .bottom-btn[data-v-b4fdca42]{padding:10px 0}.vocal-acc-wrapper.small .bottom-btn .bottom-container .button-tools button[data-v-b4fdca42]{width:46px;height:46px}.vocal-acc-wrapper.small .music-type button[data-v-b4fdca42]{padding:8px 3px 5px;line-height:1;min-width:50px}.vocal-acc-wrapper.small .music-type button svg[data-v-b4fdca42]{height:20px}.vocal-acc-wrapper.small .sing-btn button[data-v-b4fdca42]{padding:0 8px;min-width:auto}.shift-pitch[data-v-b4fdca42]{color:#333;font-size:14px}.vocal-acc-wrapper label[data-v-b4fdca42]{font-size:14px;color:#535353}.vocal-acc-wrapper select[data-v-b4fdca42]{height:36px;border:1px solid #ccc;border-radius:6px;padding:0 8px;appearance:none;-webkit-appearance:none;font-size:14px;background:#fff}.vocal-acc-wrapper input[data-v-b4fdca42]{height:36px;border:1px solid #ccc;border-radius:6px;padding:0 5px;font-size:14px}.vocal-acc-wrapper input[data-v-b4fdca42]:disabled{background:#fff;color:#aaa}.vocal-acc-wrapper.small .change-speed input[data-v-b4fdca42]{width:46px}.loading[data-v-b4fdca42]{color:#e0e0e0;position:absolute;right:10px;top:10px}