@charset "UTF-8";.upload-mask[data-v-f2632898]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.upload-modal[data-v-f2632898]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);padding:32px 48px;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;align-items:center;gap:24px;min-width:280px;border:1px solid rgba(255,255,255,.1);transform:translateY(-10%)}.waveform[data-v-f2632898]{display:flex;align-items:center;justify-content:center;gap:6px;height:40px}.bar[data-v-f2632898]{width:6px;background:#1db954;border-radius:4px;animation:wave-f2632898 1s ease-in-out infinite}.bar[data-v-f2632898]:nth-child(1){animation-delay:0s;height:40%}.bar[data-v-f2632898]:nth-child(2){animation-delay:.2s;height:60%}.bar[data-v-f2632898]:nth-child(3){animation-delay:.4s;height:80%}.bar[data-v-f2632898]:nth-child(4){animation-delay:.1s;height:50%}.bar[data-v-f2632898]:nth-child(5){animation-delay:.3s;height:70%}@keyframes wave-f2632898{0%,to{height:20%;opacity:.5}50%{height:100%;opacity:1}}.message[data-v-f2632898]{color:#e0e0e0;font-size:16px;font-weight:500;margin:0;text-align:center;letter-spacing:.5px;white-space:pre-wrap}.confirm-mask[data-v-a9360c7a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.confirm-modal[data-v-a9360c7a]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);padding:24px 32px;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;gap:20px;min-width:320px;max-width:400px;border:1px solid rgba(255,255,255,.1);transform:translateY(-10%)}.title[data-v-a9360c7a]{color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px}.message[data-v-a9360c7a]{color:#e0e0e0;font-size:15px;line-height:1.5;margin:0;white-space:pre-wrap}.buttons[data-v-a9360c7a]{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn[data-v-a9360c7a]{padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.cancel-btn[data-v-a9360c7a]{background:transparent;color:#b3b3b3;border:1px solid rgba(255,255,255,.2)}.cancel-btn[data-v-a9360c7a]:hover{color:#fff;border-color:#fff;background:#ffffff1a}.confirm-btn[data-v-a9360c7a]{background:#1db954;color:#fff}.confirm-btn[data-v-a9360c7a]:hover{background:#1ed760;transform:scale(1.04);box-shadow:0 4px 12px #1db9544d}.confirm-btn[data-v-a9360c7a]:active{transform:scale(.98)}.ant-message{z-index:999999!important}a-layout-header[data-v-ec12b461]{height:56px;line-height:56px;margin-bottom:0;padding-top:0;padding-bottom:0;box-shadow:0 1px 4px #0003}[data-v-ec12b461] .ant-layout-header{margin-bottom:0!important;padding-bottom:0!important;line-height:normal!important}[data-v-ec12b461] .ant-layout{margin:0!important;padding:0!important}[data-v-ec12b461] .ant-layout-content{margin-top:0!important;padding-top:8px!important}[data-v-ec12b461] .ant-layout-content>*{margin-top:0!important}a-button[data-v-ec12b461]{font-size:16px}a-avatar[data-v-ec12b461]{width:30px;height:30px;border-radius:50%;cursor:pointer}a-menu[data-v-ec12b461]{font-size:14px}.mobile-footer-nav[data-v-ec12b461]{display:flex;justify-content:space-around;align-items:center;height:56px;background:#1e1e1e;border-top:1px solid #2d2d2d;position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -2px 10px #0000004d;transform:translateY(0);transition:transform .3s ease,opacity .3s ease}.nav-item[data-v-ec12b461]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;color:#b3b3b3;flex:1;cursor:pointer;transition:all .3s ease}.nav-item.active[data-v-ec12b461]{color:#4682b4;transform:translateY(-2px)}.nav-item[data-v-ec12b461]:active{transform:scale(.95)}.nav-icon[data-v-ec12b461]{font-size:18px;margin-bottom:4px;transition:all .3s ease}.nav-item.active .nav-icon[data-v-ec12b461]{transform:scale(1.1)}.nav-text[data-v-ec12b461]{font-size:12px;transition:all .3s ease}[data-v-ec12b461] .ant-menu-dark.ant-menu-inline{background-color:#1e1e1e!important}[data-v-ec12b461] .ant-menu-dark .ant-menu-sub{background-color:#2d2d2d!important}[data-v-ec12b461] .ant-menu-dark .ant-menu-item-group-title{color:#8c8c8c!important;padding-left:16px!important}[data-v-ec12b461] .ant-menu-dark .ant-menu-item:hover:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected){background-color:#ffffff0d!important;color:#fff!important}[data-v-ec12b461] .ant-menu-dark .ant-menu-submenu-title{color:#b3b3b3!important;transition:all .3s!important}[data-v-ec12b461] .ant-menu-dark .ant-menu-submenu-title:hover{color:#fff!important;background-color:#ffffff0d!important}[data-v-ec12b461] .ant-menu-dark .ant-menu-item-selected{background-color:#4a4a4a80!important;color:#fff!important}[data-v-ec12b461] .ant-layout-sider-trigger{background-color:#1e1e1e!important;border-top:1px solid #2d2d2d!important;color:#b3b3b3!important;transition:all .3s!important}[data-v-ec12b461] .ant-layout-sider-trigger:hover{color:#4682b4!important;background-color:#2d2d2d!important}[data-v-ec12b461] .ant-btn-link{color:#e0e0e0!important;text-decoration:none!important}[data-v-ec12b461] .ant-btn-link:hover{color:#4682b4!important}.nav-badge-dot[data-v-ec12b461]{width:8px;height:8px;background-color:#f5222d;border-radius:50%;position:absolute;top:4px;right:12px}.nav-item[data-v-ec12b461]{position:relative}[data-v-ec12b461] .ant-menu-submenu-title{display:flex;align-items:center}[data-v-ec12b461] .ant-badge-dot{margin-left:6px}.home-container[data-v-c950a945]{background-color:#121212;color:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.hero-section[data-v-c950a945]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 20px 60px;position:relative}@media (min-width: 768px){.hero-section[data-v-c950a945]{padding:160px 40px 100px}}.hero-title[data-v-c950a945]{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 768px){.hero-title[data-v-c950a945]{font-size:4.5rem}}.hero-subtitle[data-v-c950a945]{font-size:1.1rem;color:#a0a0a0;max-width:600px;margin-bottom:40px;line-height:1.6}@media (min-width: 768px){.hero-subtitle[data-v-c950a945]{font-size:1.25rem}}.hero-subtitle strong[data-v-c950a945]{color:#fff;font-weight:600}.hero-actions[data-v-c950a945]{display:flex;flex-direction:column;gap:16px;align-items:center}@media (min-width: 768px){.hero-actions[data-v-c950a945]{flex-direction:row}}.cta-btn[data-v-c950a945]{padding:14px 32px;font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s}.cta-btn.primary[data-v-c950a945]{background-color:#179c46;color:#fff;box-shadow:0 4px 15px #179c4666}.cta-btn.primary[data-v-c950a945]:hover{background-color:#1db954;transform:translateY(-2px)}.contact-link[data-v-c950a945]{display:flex;align-items:center;gap:8px;color:#a0a0a0;text-decoration:none;font-size:.9rem;padding:10px 20px;border-radius:50px;background:#ffffff0d;transition:background .2s}.contact-link[data-v-c950a945]:hover{background:#ffffff1a;color:#fff}.contact-link .redbook-icon[data-v-c950a945]{width:20px;height:20px}.features-section[data-v-c950a945]{display:flex;flex-direction:column;gap:80px;padding:60px 20px;max-width:1200px;margin:0 auto}@media (min-width: 768px){.features-section[data-v-c950a945]{padding:100px 40px;gap:120px}}.feature-row[data-v-c950a945]{display:flex;flex-direction:column;align-items:center;gap:40px}@media (min-width: 768px){.feature-row[data-v-c950a945]{flex-direction:row;justify-content:space-between;gap:80px}.feature-row.reverse[data-v-c950a945]{flex-direction:row-reverse}}.feature-text[data-v-c950a945]{flex:1;max-width:500px;text-align:center}@media (min-width: 768px){.feature-text[data-v-c950a945]{text-align:left}}.feature-text .feature-icon[data-v-c950a945]{width:56px;height:56px;background:#179c461a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#179c46}@media (min-width: 768px){.feature-text .feature-icon[data-v-c950a945]{margin:0 0 24px}}.feature-text .feature-icon svg[data-v-c950a945]{width:28px;height:28px}.feature-text h3[data-v-c950a945]{font-size:1.75rem;margin-bottom:16px;color:#fff;font-weight:700}.feature-text .feature-desc[data-v-c950a945]{font-size:1.1rem;color:#a0a0a0;line-height:1.7}.feature-text .feature-desc strong[data-v-c950a945]{color:#e0e0e0}.feature-text .feature-desc span[data-v-c950a945]{color:#179c46;font-weight:700}.feature-image-wrapper[data-v-c950a945]{flex:1.2;position:relative;width:100%;max-width:600px}.feature-image-wrapper .feature-img[data-v-c950a945]{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.08);position:relative;z-index:2;transition:transform .3s ease}.feature-image-wrapper .feature-img[data-v-c950a945]:hover{transform:scale(1.02)}.feature-image-wrapper .img-glow[data-v-c950a945]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(circle,#179c4626,#0000 70%);z-index:1;filter:blur(50px)}.bottom-visual[data-v-c950a945]{padding:40px 20px 80px;display:flex;justify-content:center}.bottom-visual .poster-container[data-v-c950a945]{position:relative;width:100%;max-width:1000px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080}.bottom-visual .poster-container .band-poster[data-v-c950a945]{width:100%;height:auto;display:block;transition:transform .5s ease}.bottom-visual .poster-container .poster-overlay[data-v-c950a945]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(18,18,18,.8) 0%,transparent 50%);pointer-events:none}.bottom-visual .poster-container:hover .band-poster[data-v-c950a945]{transform:scale(1.03)}.login-container[data-v-ae60d9d7]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;font-family:Inter,Roboto,sans-serif;padding-left:20px;padding-right:20px}.login-card[data-v-ae60d9d7]{background:#1e1e1ecc;border-radius:12px;box-shadow:0 10px 25px #0009;padding:40px 30px;width:100%;max-width:350px;display:flex;flex-direction:column;align-items:center}.login-title[data-v-ae60d9d7]{color:#fff;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.login-input[data-v-ae60d9d7]{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid #444;border-radius:6px;background-color:#2d2d2d;color:#fff;font-size:16px;transition:all .2s ease;box-sizing:border-box}.login-input[data-v-ae60d9d7]::placeholder{color:#aaa}.login-input[data-v-ae60d9d7]:focus{outline:none;border-color:#1db954;box-shadow:0 0 0 2px #1db95433}.login-btn[data-v-ae60d9d7]{width:100%;background-color:#1db954;border:none;color:#fff;font-weight:600;padding:12px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:16px;margin-top:10px}.login-btn[data-v-ae60d9d7]:hover{box-shadow:0 0 12px #1db95466;transform:scale(1.02)}.error-msg[data-v-ae60d9d7]{color:#f44;margin-top:15px;font-size:14px;text-align:center;width:100%}.register-hint[data-v-ae60d9d7]{margin-top:25px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#aaa}.contact-link[data-v-ae60d9d7]{display:flex;align-items:center;gap:6px;color:#e0e0e0;text-decoration:none;padding:6px 12px;border-radius:20px;background:#ffffff0d;transition:background .2s}.contact-link[data-v-ae60d9d7]:hover{background:#ffffff1a;color:#fff}.redbook-icon[data-v-ae60d9d7]{width:18px;height:18px;object-fit:contain}.register-container[data-v-6c9b6216]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);min-height:100vh;padding:clamp(15px,3vw,30px) clamp(10px,2vw,20px);font-family:Inter,Roboto,sans-serif;display:flex;justify-content:center}.content-wrapper[data-v-6c9b6216]{width:100%;max-width:600px}.page-title[data-v-6c9b6216]{color:#fff;font-size:clamp(24px,4vw,28px);font-weight:700;text-align:center;margin-bottom:clamp(15px,3vw,30px);padding-bottom:clamp(10px,1.5vw,15px);border-bottom:1px solid rgba(255,255,255,.1)}.form-card[data-v-6c9b6216]{background-color:#ffffff0d;border-radius:1px;padding:clamp(20px,4vw,40px);box-shadow:0 4px 15px #0000004d}.register-form[data-v-6c9b6216]{display:flex;flex-direction:column;gap:20px;width:100%}.form-item[data-v-6c9b6216]{margin-bottom:0!important}.form-actions[data-v-6c9b6216]{margin-top:10px;display:flex;justify-content:center}[data-v-6c9b6216] .ant-form-item-label>label{color:#ccc!important;font-weight:500}[data-v-6c9b6216] .ant-form-item-explain,[data-v-6c9b6216] .ant-form-item-extra{color:#ffffff73!important}[data-v-6c9b6216] .ant-input{background-color:#2d2d2d!important;border-color:#444!important;color:#fff!important;border-radius:6px!important;padding:10px 12px;font-size:16px!important}[data-v-6c9b6216] .ant-input:focus{border-color:#1db954!important;box-shadow:0 0 0 2px #1db95433!important}.register-btn[data-v-6c9b6216]{background-color:#1db954!important;border-color:#1db954!important;border-radius:6px;font-weight:600;height:40px;width:100px;font-size:16px}.register-btn[data-v-6c9b6216]:hover{background-color:#149648!important;border-color:#149648!important;box-shadow:0 0 10px #1db95466}[data-v-6c9b6216] .ant-input::placeholder{color:#ffffff4d!important}.invite-code-container[data-v-fb243a02]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);min-height:100vh;padding:clamp(15px,3vw,30px) clamp(10px,2vw,20px);font-family:Inter,Roboto,sans-serif;display:flex;justify-content:center}.content-wrapper[data-v-fb243a02]{width:100%;max-width:600px}.page-title[data-v-fb243a02]{color:#fff;font-size:clamp(24px,4vw,28px);font-weight:700;text-align:center;margin-bottom:clamp(15px,3vw,30px);padding-bottom:clamp(10px,1.5vw,15px);border-bottom:1px solid rgba(255,255,255,.1)}.card[data-v-fb243a02]{background-color:#ffffff0d;border-radius:12px;padding:40px 20px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;align-items:center;gap:30px}.code-display-area[data-v-fb243a02]{width:100%;min-height:60px;display:flex;justify-content:center;align-items:center}.code-box[data-v-fb243a02]{display:flex;align-items:center;background-color:#2d2d2d;border:1px solid #444;border-radius:8px;padding:10px 15px;gap:15px}.code-text[data-v-fb243a02]{color:#1db954;font-size:24px;font-weight:700;letter-spacing:2px;font-family:monospace}.copy-btn[data-v-fb243a02]{background:none;border:none;color:#aaa;cursor:pointer;padding:5px;display:flex;align-items:center;transition:color .2s}.copy-btn[data-v-fb243a02]:hover{color:#fff}.placeholder-text[data-v-fb243a02]{color:#ffffff4d;font-size:16px}.generate-btn[data-v-fb243a02]{background-color:#1db954!important;border-color:#1db954!important;height:40px;padding:0 30px;font-size:16px;font-weight:600;border-radius:20px}.generate-btn[data-v-fb243a02]:hover{background-color:#149648!important;border-color:#149648!important;box-shadow:0 0 10px #1db95466}.upload-container[data-v-d88f1555]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:30px 40px;font-family:Inter,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;border-radius:12px;box-shadow:0 10px 25px #0009;width:100%;max-width:1400px;margin:0 auto;transition:all .3s ease;box-sizing:border-box}.song-title[data-v-d88f1555]{font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.upload-form-container[data-v-d88f1555]{width:100%;max-width:800px;box-sizing:border-box}.upload-form[data-v-d88f1555]{background-color:#ffffff0d;padding:25px;border-radius:8px;margin-bottom:30px;box-sizing:border-box}.form-item[data-v-d88f1555]{display:flex;align-items:center;margin-bottom:18px;width:100%;gap:12px;box-sizing:border-box}.info-label[data-v-d88f1555]{color:#fff;font-size:13px;font-weight:500;background-color:#ffffff1a;padding:6px 12px;border-radius:4px;min-width:100px;text-align:right;flex-shrink:0}.form-input[data-v-d88f1555]{flex:1 1 auto;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;padding:8px 12px;height:40px;width:100%;box-sizing:border-box;font-size:16px}.form-input[data-v-d88f1555]::placeholder{color:#5c5c5c;opacity:1}.time-sig-input-wrapper[data-v-d88f1555]{position:relative;flex:1 1 auto;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;padding:8px 12px;height:40px;box-sizing:border-box;font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.edit-icon[data-v-d88f1555]{font-size:14px;color:#1db954}.tracks-container[data-v-d88f1555]{background-color:#ffffff0d;padding:25px;border-radius:8px;box-sizing:border-box;width:100%}.section-title[data-v-d88f1555]{font-size:18px;font-weight:600;margin-bottom:20px;color:#ddd;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.track-item[data-v-d88f1555]{display:flex;align-items:center;margin-bottom:15px;gap:8px;width:100%;box-sizing:border-box;flex-wrap:nowrap;min-height:40px}.track-input[data-v-d88f1555]{flex:1 1 100px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;padding:8px;height:40px;min-width:100px;box-sizing:border-box;font-size:16px}.track-input[data-v-d88f1555]::placeholder{color:#5c5c5c;opacity:1}.hidden-file-input[data-v-d88f1555]{display:none}.file-input-wrapper[data-v-d88f1555]{flex:1 1 120px;box-sizing:border-box;min-width:120px}.custom-file-btn[data-v-d88f1555]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 8px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.custom-file-btn[data-v-d88f1555]:hover{background-color:#3a3a3a;border-color:#555;box-shadow:0 0 8px #ffffff1a}.button-group[data-v-d88f1555]{display:flex;gap:10px;margin-top:20px;justify-content:center;flex-wrap:nowrap;width:100%;box-sizing:border-box;align-items:center}.control-btn[data-v-d88f1555]{border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:1;min-width:100px;height:40px;box-sizing:border-box}.add-btn[data-v-d88f1555]{background-color:#1890ff;color:#fff}.add-btn[data-v-d88f1555]:hover{background-color:#096dd9;box-shadow:0 0 10px #1890ff66;transform:scale(1.05)}.upload-btn[data-v-d88f1555]{background-color:#1db954;color:#fff}.upload-btn[data-v-d88f1555]:hover{background-color:#149648;box-shadow:0 0 10px #1db95466;transform:scale(1.05)}.remove-btn[data-v-d88f1555]{background-color:#ff4d4f;color:#fff;padding:6px 8px;flex-shrink:0;min-width:60px;width:60px;font-size:12px}.remove-btn[data-v-d88f1555]:hover{background-color:#d9363e}@media screen and (max-width: 768px){.upload-container[data-v-d88f1555]{padding:20px 15px}.song-title[data-v-d88f1555]{font-size:24px}.form-item[data-v-d88f1555]{flex-wrap:wrap}.info-label[data-v-d88f1555]{min-width:unset;width:100%;text-align:left;margin-bottom:8px}.form-input[data-v-d88f1555]{width:100%}.track-item[data-v-d88f1555]{flex-wrap:nowrap;gap:6px}.track-input[data-v-d88f1555]{min-width:100px;padding:8px 6px;font-size:16px}.file-input-wrapper[data-v-d88f1555]{min-width:50px}.custom-file-btn[data-v-d88f1555]{padding:0 6px;font-size:13px}.remove-btn[data-v-d88f1555]{min-width:50px;width:50px;font-size:11px}.button-group[data-v-d88f1555]{flex-wrap:nowrap;gap:8px}.control-btn[data-v-d88f1555]{min-width:80px;padding:8px 10px;font-size:13px}}@media screen and (max-width: 480px){.upload-form-container[data-v-d88f1555]{max-width:100%}.track-item[data-v-d88f1555]{gap:4px}.track-input[data-v-d88f1555]{min-width:70px}.file-input-wrapper[data-v-d88f1555]{min-width:90px}.button-group[data-v-d88f1555]{gap:6px}.control-btn[data-v-d88f1555]{min-width:70px;padding:8px 6px;font-size:13px}}.modal-mask[data-v-d88f1555]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center}.time-sig-modal[data-v-d88f1555]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border:1px solid rgba(255,255,255,.1);color:#e0e0e0;border-radius:8px;box-shadow:0 10px 30px #000c;width:300px;overflow:hidden}.modal-header[data-v-d88f1555]{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:18px;font-weight:600;color:#ddd;border-bottom:1px solid rgba(255,255,255,.1)}.modal-close[data-v-d88f1555]{background:none;border:none;font-size:20px;cursor:pointer;color:#ddd}.time-sig-picker[data-v-d88f1555]{display:flex;justify-content:center;align-items:center;height:400px;padding:20px;gap:20px}.picker-column[data-v-d88f1555]{flex:1;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.picker-column[data-v-d88f1555]::-webkit-scrollbar{display:none}.picker-item[data-v-d88f1555]{font-size:24px;color:#888;cursor:pointer;padding:5px 15px;border-radius:4px;transition:all .2s}.picker-item[data-v-d88f1555]:hover{color:#fff;background:#ffffff1a}.picker-item.active[data-v-d88f1555]{color:#1db954;font-weight:700;font-size:32px}.picker-divider[data-v-d88f1555]{font-size:40px;color:#555}.picker-footer[data-v-d88f1555]{padding:12px 16px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.picker-button-group[data-v-d88f1555]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:nowrap;width:100%;box-sizing:border-box;align-items:center}.btn[data-v-d88f1555]{border-radius:6px;padding:4px 12px;border:none;cursor:pointer;transition:all .2s;font-size:14px;height:32px}.confirm-btn[data-v-d88f1555]{background-color:#1db954;color:#fff}.confirm-btn[data-v-d88f1555]:hover{background-color:#179c46}.cancel-btn[data-v-d88f1555]{background-color:#666;color:#fff}.cancel-btn[data-v-d88f1555]:hover{background-color:#444}.song-list-container[data-v-86bfff7a]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:30px 40px;font-family:Inter,Roboto,sans-serif;border-radius:12px;box-shadow:0 10px 25px #0009;max-width:1400px;margin:0 auto}.song-title[data-v-86bfff7a]{font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.list-header[data-v-86bfff7a]{display:flex;align-items:center;padding:12px 20px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:8px 8px 0 0;font-weight:600;font-size:14px}.song-items[data-v-86bfff7a]{border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 8px 8px}.song-item[data-v-86bfff7a]{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s}.song-item[data-v-86bfff7a]:last-child{border-bottom:none}.song-item[data-v-86bfff7a]:hover{background-color:#ffffff08}.header-item[data-v-86bfff7a],.song-field[data-v-86bfff7a]{display:flex;align-items:center;justify-content:center;padding:8px 0;margin:0 8px 0 0;font-size:14px;box-sizing:border-box}.name-column[data-v-86bfff7a]{flex:4 1 40%;min-width:50px;text-align:center}.permission-column[data-v-86bfff7a]{flex:2 0 20%;text-align:center;margin-right:20px;font-weight:700}.action-column[data-v-86bfff7a]{flex:4 0 40%;display:flex;gap:10px;justify-content:center;align-items:center}.song-field.name-column[data-v-86bfff7a]{color:#fff;font-size:16px;border-radius:4px;font-weight:700}.song-field.text-all-users[data-v-86bfff7a]{background:#2c2c2c;color:#fff;border-radius:4px;animation:pulse-green-86bfff7a 2s infinite ease-in-out}.song-field.text-group-members[data-v-86bfff7a]{background:#2c2c2c;color:#fff;border-radius:4px;animation:pulse-red-86bfff7a 2s infinite ease-in-out}.control-btn[data-v-86bfff7a]{display:flex;align-items:center;justify-content:center;background-color:#3a3a3a;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.control-btn svg[data-v-86bfff7a]{display:block}.control-btn[data-v-86bfff7a]:not(:disabled):hover{opacity:.85;transform:scale(1.05)}.control-btn[data-v-86bfff7a]:disabled{background-color:#444;cursor:not-allowed}.play-btn[data-v-86bfff7a]{background-color:#1db954}.delete-btn[data-v-86bfff7a]{background-color:#f44336}.public-btn[data-v-86bfff7a]{background-color:#a020f0}.public-btn.state-public[data-v-86bfff7a]{background-color:#999}.public-btn.state-public[data-v-86bfff7a]:disabled{background-color:#444}.favorite-btn[data-v-86bfff7a]{background-color:#f49b14}.favorite-btn.state-favorite[data-v-86bfff7a]{background-color:#999}.confirm-overlay[data-v-86bfff7a]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-dialog[data-v-86bfff7a]{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);border-radius:12px;padding:25px 30px;width:90%;max-width:400px;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1)}.confirm-title[data-v-86bfff7a]{font-size:20px;font-weight:600;margin-bottom:15px;color:#fff;text-align:center}.confirm-message[data-v-86bfff7a]{font-size:14px;color:#ccc;margin-bottom:25px;text-align:center;line-height:1.5}.confirm-buttons[data-v-86bfff7a]{display:flex;gap:15px;justify-content:center}.cancel-btn[data-v-86bfff7a]{background-color:#444}.confirm-btn[data-v-86bfff7a]{background-color:#f44336}@media (max-width: 768px){.song-list-container[data-v-86bfff7a]{padding:20px 16px}.song-title[data-v-86bfff7a]{font-size:24px}.header-item[data-v-86bfff7a],.song-field[data-v-86bfff7a]{font-size:13px}.control-btn[data-v-86bfff7a]{padding:4px 8px;font-size:12px}.list-header[data-v-86bfff7a],.song-item[data-v-86bfff7a]{flex-wrap:nowrap}.header-item[data-v-86bfff7a],.song-field[data-v-86bfff7a]{min-width:0}}.empty-song-list[data-v-86bfff7a]{padding-top:32px;border-top:#666 solid 1px;text-align:center;font-size:16px}@keyframes pulse-green-86bfff7a{0%,to{border-color:#1db95466;box-shadow:0 0 8px #1db9544d}50%{border-color:#1db954cc;box-shadow:0 0 12px #1db95499}}@keyframes pulse-red-86bfff7a{0%,to{border-color:#e74c3c66;box-shadow:0 0 8px #e74c3c4d}50%{border-color:#e74c3ccc;box-shadow:0 0 12px #e74c3c99}}.waveform-container[data-v-826950c3]{flex:1;height:100%;position:relative;overflow:hidden;background-color:#2b2b2b;border-radius:4px;cursor:default;min-width:0}.waveform-canvas[data-v-826950c3]{display:block;width:100%;height:100%;outline:none;touch-action:none;border-radius:6px;background-color:#2b2b2b;border:none;min-width:0;position:relative;box-sizing:border-box;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.waveform-normal[data-v-826950c3]{cursor:default}.waveform-editable[data-v-826950c3]{border:2px solid rgba(29,185,84,.2)}.waveform-editable-hover[data-v-826950c3]{border-color:#1db954cc;box-shadow:0 0 15px #1db95480}.waveform-editable-editing[data-v-826950c3]{cursor:grabbing;border-color:#1db954;box-shadow:0 0 15px #1db95480;animation:pulse-green 2s infinite ease-in-out;touch-action:none}.waveform-locked[data-v-826950c3]{cursor:not-allowed;opacity:.7;border:2px solid rgba(231,76,60,.2)}.waveform-editable-hover[data-v-826950c3]{background-color:#ffffff0d}.track-row[data-v-ae5629ca]{display:grid;grid-template-columns:52px 8px 1fr 100px;grid-column-gap:8px;align-items:center;padding:8px 0;width:100%;height:90px;border-bottom:1px solid rgba(255,255,255,.1)}.track-row .track-name-wrapper[data-v-ae5629ca]{width:52px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.track-row .track-name-wrapper .track-name[data-v-ae5629ca]{cursor:text;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px}.track-row .track-name-wrapper .name-input[data-v-ae5629ca]{font-size:20px;padding:2px 4px;border:1px solid #0f0;border-radius:4px;background-color:#1f1f1f;color:#0ff;font-family:monospace;width:120px}.track-row .track-name-wrapper .edit-icon-row[data-v-ae5629ca]{display:flex;align-items:center;margin-top:-2px;padding-left:8px}.track-row .track-name-wrapper .edit-icon[data-v-ae5629ca]{width:14px;height:14px;color:#0f0}.track-row .volume-wrapper[data-v-ae5629ca]{width:8px;height:100%;display:flex;align-items:center;justify-content:center;padding-bottom:10px}.track-row .volume-input[data-v-ae5629ca]{position:absolute;width:70px;height:18px;transform:rotate(-90deg)}.track-row .waveform-canvas[data-v-ae5629ca]{flex:1 1 0%;height:70px;border-radius:6px;background-color:#2b2b2b;border:none;width:100%;min-width:0;position:relative;box-sizing:border-box;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.track-row .waveform-editable[data-v-ae5629ca]{border:2px solid rgba(29,185,84,.2)}.track-row .waveform-editable-hover[data-v-ae5629ca]{border-color:#1db954cc;box-shadow:0 0 15px #1db95480}.track-row .waveform-editable-editing[data-v-ae5629ca]{border-color:#1db954;box-shadow:0 0 15px #1db95480;animation:pulse-green-ae5629ca 2s infinite ease-in-out;touch-action:none}.track-row .waveform-locked[data-v-ae5629ca]{border:2px solid rgba(231,76,60,.2)}@keyframes pulse-green-ae5629ca{0%,to{border-color:#1db954cc;box-shadow:0 0 8px #1db954cc}50%{border-color:#1db954;box-shadow:0 0 12px #1db954}}@keyframes pulse-red-ae5629ca{0%,to{border-color:#e74c3c33;box-shadow:0 0 8px #e74c3c1a}50%{border-color:#e74c3ccc;box-shadow:0 0 12px #e74c3c4d}}.track-row .waveform-arrows[data-v-ae5629ca]{display:flex;flex-direction:column;gap:18px}.track-row .waveform-arrows .arrow-btn[data-v-ae5629ca]{width:24px;height:24px;padding:2px;display:flex;justify-content:center;align-items:center;border:none;background-color:#23da64;color:#fff;border-radius:4px;cursor:pointer;transition:all .15s ease}.track-row .waveform-arrows .arrow-btn[data-v-ae5629ca]:hover:not(:disabled){background-color:#23da64;color:#fff}.track-row .waveform-arrows .arrow-btn[data-v-ae5629ca]:disabled{opacity:.35;cursor:not-allowed;background-color:#179845;color:#fff}.track-row .waveform-arrows .arrow-btn svg[data-v-ae5629ca]{width:18px;height:18px;display:block}.track-row .control-btn-container[data-v-ae5629ca]{display:flex;flex-direction:column;gap:16px}.track-row .control-edit-btn-container[data-v-ae5629ca]{display:flex;flex-direction:column;gap:0;margin-right:4px}.track-row input[type=range][data-v-ae5629ca]{flex-basis:max-content;max-width:80%;margin-top:10px}.track-row .edit-offset-display[data-v-ae5629ca]{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.track-row .edit-offset-display .offset-label[data-v-ae5629ca]{opacity:1;font-weight:700}.track-row .edit-offset-display .offset-icon[data-v-ae5629ca]{width:12px;height:12px;color:#7ff;flex-shrink:0;font-weight:700}.track-row .edit-offset-display .offset-value[data-v-ae5629ca]{font-family:monospace;color:#0ff;font-weight:700}.track-row .edit-offset-display .clickable[data-v-ae5629ca]{cursor:pointer;font-weight:700}.track-row .edit-offset-display .clickable[data-v-ae5629ca]:hover{text-decoration:underline;color:#7ff}.track-row .edit-offset-display .offset-input[data-v-ae5629ca]{width:72px;background:#1f1f1f;border:1px solid #444;border-radius:4px;color:#0ff;font-family:monospace;font-size:20px;padding:2px 4px;outline:none}.track-row .edit-offset-display .offset-input[data-v-ae5629ca]:focus{border-color:#0ff;box-shadow:0 0 0 1px #00ffff4d}.track-row .edit-offset-display .unit[data-v-ae5629ca]{opacity:.6}.track-row .track-controls[data-v-ae5629ca]{width:100px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.track-row .track-btn-group[data-v-ae5629ca]{display:flex;gap:8px}.track-row .track-btn[data-v-ae5629ca]{background:#333;color:#ccc;font-size:10px;border:1px solid #444;border-radius:4px;padding:4px;cursor:pointer;width:40px;font-weight:700}.track-row .track-btn[data-v-ae5629ca]:hover:not(:disabled){opacity:.75;transform:scale(1.1)}.track-row .track-btn[data-v-ae5629ca]:disabled{opacity:.35;cursor:not-allowed;background:#2a2a2a;border-color:#333}.track-row .track-btn.solo.active[data-v-ae5629ca]{background-color:#1db954;color:#fff}.track-row .track-btn.mute.active[data-v-ae5629ca]{background-color:#f7dc6f;color:#000}.track-row .track-btn.download[data-v-ae5629ca]{background-color:#1976d2;color:#fff}.track-row .track-btn.delete[data-v-ae5629ca]{background-color:#f44336;color:#fff}.track-row .edit-offset-display[data-v-ae5629ca]{color:#e0e0e0;font-size:14px;text-align:center;margin-bottom:4px}.track-row .edit-offset-buttons[data-v-ae5629ca]{font-size:16px;display:flex;justify-content:center;gap:8px;margin-bottom:4px}.track-row .edit-offset-undo[data-v-ae5629ca]{display:flex;justify-content:center}.track-row .track-edit-btn[data-v-ae5629ca]{background:#333;color:#ccc;font-size:12px;border:1px solid #444;border-radius:4px;padding:4px 10px;cursor:pointer}.track-row .track-edit-btn[data-v-ae5629ca]:hover:not(:disabled){background:#444;color:#fff}.track-row .track-edit-btn[data-v-ae5629ca]:disabled{opacity:.35;cursor:not-allowed;background:#2a2a2a;border-color:#333}@media screen and (max-width: 1024px){.track-row[data-v-ae5629ca]{grid-template-columns:40px 1fr}.track-row .track-name-wrapper .track-name[data-v-ae5629ca]{font-size:12px;width:40px}}@media screen and (max-width: 768px){.track-row[data-v-ae5629ca]{grid-template-columns:30px 1fr}.track-row .track-name-wrapper .track-name[data-v-ae5629ca]{font-size:12px;width:40px}}.transport-btn[data-v-a3e87358]{width:30px;height:30px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;transition:transform .2s,box-shadow .2s}.transport-btn[data-v-a3e87358]:hover{transform:scale(1.1);//box-shadow: 0 0 10px rgba(29,185,84,.4)}.transport-btn svg[data-v-a3e87358]{transition:filter .2s}.gain-knob-wrapper[data-v-5f37c0a3]{display:flex;flex-direction:column;align-items:center;width:54px}.gain-label[data-v-5f37c0a3]{font-size:11px;color:#ccc;margin-bottom:4px;font-variant-numeric:tabular-nums}.gain-knob[data-v-5f37c0a3]{width:32px;height:32px;cursor:pointer;touch-action:none}.knob-ring[data-v-5f37c0a3]{fill:#2d2d2d;stroke:#444;stroke-width:2}.knob-arc[data-v-5f37c0a3]{fill:none;stroke:#1db954;stroke-width:4;stroke-linecap:round}.knob-pointer[data-v-5f37c0a3]{stroke:#fff;stroke-width:3;stroke-linecap:round}.gain-knob.disabled[data-v-5f37c0a3]{cursor:not-allowed;opacity:.45}.gain-knob.disabled .knob-ring[data-v-5f37c0a3]{fill:#222;stroke:#333}.gain-knob.disabled .knob-arc[data-v-5f37c0a3]{stroke:#555}.gain-knob.disabled .knob-pointer[data-v-5f37c0a3]{stroke:#777}.gain-knob.disabled svg[data-v-5f37c0a3]{pointer-events:none}.controller-container[data-v-47530d92]{display:grid;grid-template-columns:80px auto 104px;align-items:center;width:100%}.controller-container .control-btn-container[data-v-47530d92]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.controller-container .control-btn-container .control-btn-group[data-v-47530d92]{display:grid;grid-template-rows:30px 30px;align-items:center;justify-items:center;gap:6px}.controller-container .control-btn-container .control-btn-group .control-icon-btn[data-v-47530d92]{padding:0;background:none!important;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.controller-container .control-btn-container .control-btn-group .control-icon-btn[data-v-47530d92]:hover{transform:scale(1.1)}.controller-container .control-btn-container .control-btn-group .player-svg[data-v-47530d92]{transition:filter .2s}.controller-container .control-btn-container .control-btn-group .control-icon-btn:hover .player-svg[data-v-47530d92]{filter:brightness(1.3)}.controller-container .control-btn-container .control-btn-group .control-icon-btn[data-v-47530d92]:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.controller-container .control-btn-container .control-btn-group .control-icon-btn[data-v-47530d92]:disabled:hover{transform:none;box-shadow:none}.controller-container .control-btn-container .control-btn-group .control-icon-btn:disabled .player-svg[data-v-47530d92]:hover{filter:none}.controller-container .control-btn-container .control-btn-group .toggle-play-btn[data-v-47530d92]{border-radius:10px;animation:pulse-green-47530d92 2s infinite ease-in-out}.controller-container .waveform-controller-wrapper[data-v-47530d92]{display:flex;align-items:center;height:100%;flex-direction:column;overflow:hidden;width:100%}.controller-container .waveform-controller-wrapper .selection-canvas[data-v-47530d92],.controller-container .waveform-controller-wrapper .ruler-canvas[data-v-47530d92]{display:block;width:100%;flex-shrink:0;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.controller-container .waveform-controller-wrapper .selection-canvas[data-v-47530d92]{height:30px}.controller-container .waveform-controller-wrapper .ruler-canvas[data-v-47530d92]{height:30px;margin-top:2px}.controller-container .play-time-wrapper[data-v-47530d92]{display:flex;flex-direction:column;align-items:center;height:100%;gap:4px;margin-left:32px}.controller-container .play-time-wrapper .time[data-v-47530d92]{font-size:12px;color:#ccc;min-width:60px;text-align:center}@keyframes pulse-green-47530d92{0%,to{border-color:#1db954cc;box-shadow:0 0 4px #1db954cc}50%{border-color:#1db954;box-shadow:0 0 8px #1db954}}.scores-container[data-v-4bb1d305]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:4px 6px;font-family:Inter,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;border-radius:12px;box-shadow:0 10px 25px #0009;width:100%;transition:all .3s ease;overflow:hidden;height:calc(var(--vh, 1vh) * 100);position:fixed;top:0;left:0;right:0;bottom:0;z-index:6666}.scores-container .scores-fixed[data-v-4bb1d305]{display:flex;flex-direction:column;gap:8px;bottom:0;left:0;width:100%;background:linear-gradient(135deg,#1e1e1e,#2c2c2c);z-index:100;box-shadow:0 -4px 12px #00000080,0 -1px 4px #1db95433,0 8px 12px #00000080,0 2px 4px #1db95433;border-top-left-radius:12px;border-top-right-radius:12px;padding:12px;align-items:center;justify-content:space-between;transition:all .3s ease;flex-shrink:0}.scores-half-screen-wrapper[data-v-4bb1d305]{display:flex;flex-direction:column;gap:8px;bottom:0;left:0;width:100%;background:linear-gradient(135deg,#1e1e1e,#2c2c2c)}.scores-full-screen-wrapper[data-v-4bb1d305]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;z-index:9999;padding:40px 20px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.scores-row0[data-v-4bb1d305]{display:flex;align-items:center;box-sizing:border-box;border-radius:8px;background-color:#ffffff0d;padding:10px 16px;box-shadow:4px 4px 16px #0003}.scores-row0 h2[data-v-4bb1d305]{margin:0}.scores-row1[data-v-4bb1d305],.scores-row2[data-v-4bb1d305],.scores-row3[data-v-4bb1d305],.scores-row4[data-v-4bb1d305],.scores-row5[data-v-4bb1d305]{width:100%;box-sizing:border-box;color:#aaa;border-radius:8px;background-color:#ffffff0d}.scroll-x-container[data-v-4bb1d305]{height:80px;display:flex;align-items:center;padding:0 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.scroll-x-container[data-v-4bb1d305]::-webkit-scrollbar{height:4px}.scroll-x-container[data-v-4bb1d305]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.scores-row1[data-v-4bb1d305]{height:36px}.scores-row1 .space-item[data-v-4bb1d305]{display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto;height:24px;cursor:pointer;gap:8px;padding:8px;transition:background .2s}.scores-row1 .space-item.disabled[data-v-4bb1d305]{background-color:#444;cursor:not-allowed}.scores-row1 .space-item.active[data-v-4bb1d305]{background-color:#00ff002e}.scores-row1 .space-item .space-avatar[data-v-4bb1d305]{width:16px;height:16px;border:1px solid rgb(255,255,255)}.scores-row1 .space-item .space-name[data-v-4bb1d305]{width:auto;font-size:14px;color:#fff;text-align:center;white-space:nowrap}.scores-row2[data-v-4bb1d305]{height:36px;border-radius:0;gap:8px}.scores-row2 .score-item[data-v-4bb1d305]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;height:24px;cursor:pointer;border-radius:4px;transition:background .2s;background-color:#ffffff26}.scores-row2 .score-item.disabled[data-v-4bb1d305]{background-color:#999;cursor:not-allowed}.scores-row2 .score-item.active[data-v-4bb1d305]{background-color:#00ff002e}.scores-row2 .score-item .score-name[data-v-4bb1d305]{font-size:14px;color:#fff;white-space:nowrap}.scores-row2 .add-score-btn[data-v-4bb1d305]{height:24px;width:24px;font-size:16px;font-weight:700;border:none;border-radius:4px;color:#fff;background:#179c46;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;white-space:nowrap;animation:pulse-green-4bb1d305 2s infinite ease-in-out}.scores-row2 .add-score-btn[data-v-4bb1d305]:hover{background:#1db954}.scores-row2 .add-score-btn[data-v-4bb1d305]:disabled{background-color:#999;cursor:not-allowed;animation:none}.scores-row3[data-v-4bb1d305]{height:auto;display:flex;width:100%;align-items:center;justify-content:space-between;padding:8px 8px 8px 16px;gap:8px}.scores-row3 .player-controller[data-v-4bb1d305]{flex:1}.scores-row3 .back-player-btn[data-v-4bb1d305]{width:60px;height:60px;border:none;border-radius:4px;background:#1976d2;color:#fff;cursor:pointer;transition:background .2s}.scores-row3 .back-player-btn[data-v-4bb1d305]:hover{background:#1d82f4;box-shadow:0 2px 8px #1976d24d;transform:scale(1.02)}.scores-row4[data-v-4bb1d305]{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;padding:8px}.scores-row4 .func-btn-group-left[data-v-4bb1d305]{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.scores-row4 .func-btn-group-right[data-v-4bb1d305]{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end}.scores-row4 .func-btn[data-v-4bb1d305]{display:flex;align-items:center;justify-content:center;height:24px;padding:0 12px;border:none;border-radius:4px;background:#179c46;color:#fff;cursor:pointer;transition:background .2s;font-size:12px;white-space:nowrap}.scores-row4 .func-btn[data-v-4bb1d305]:hover{background:#1db954}.scores-row4 .func-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed}.scores-row4 .func-btn svg[data-v-4bb1d305]{flex-shrink:0}.scores-row4 .unref-score-btn[data-v-4bb1d305]{background-color:#d9363e}.scores-row4 .unref-score-btn[data-v-4bb1d305]:hover{background:#ff4d4f}.scores-row4 .unref-score-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed}.scores-row4 .return-play-btn[data-v-4bb1d305]{background-color:#1976d2;font-size:14px}.scores-row4 .return-play-btn[data-v-4bb1d305]:hover:not(:disabled){background-color:#1565c0;box-shadow:0 2px 8px #1976d24d;transform:scale(1.02)}.scores-row5[data-v-4bb1d305]{display:flex;flex:1;overflow-y:auto;overflow-x:hidden;padding-top:8px;width:100%;scrollbar-width:none;background-color:#ffffff0d;box-shadow:inset 0 -4px 12px #00000080;border-radius:0;margin-top:2px}.scores-row5 .browse-score-container[data-v-4bb1d305]{width:100%;height:100%;display:flex;flex-direction:column}.scores-row5 .browse-score-container .browse-header[data-v-4bb1d305]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;box-shadow:0 4px 4px #0009;z-index:100}.scores-row5 .browse-score-container .browse-header .replace-score-btn[data-v-4bb1d305]{height:24px;padding:0 12px;border:none;border-radius:4px;background:#ff9100;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.scores-row5 .browse-score-container .browse-header .replace-score-btn[data-v-4bb1d305]:hover:not(:disabled){background:#ffae31;box-shadow:0 2px 8px #ffff194d;transform:scale(1.02)}.scores-row5 .browse-score-container .browse-header .replace-score-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .browse-header .score-title[data-v-4bb1d305]{text-align:center;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scores-row5 .browse-score-container .browse-header .browse-header-right[data-v-4bb1d305]{display:flex;align-items:center;gap:8px}.scores-row5 .browse-score-container .browse-header .browse-header-right .anchor-offset-wrapper[data-v-4bb1d305]{display:flex;flex-direction:column;align-items:center}.scores-row5 .browse-score-container .browse-header .browse-header-right .anchor-offset-wrapper .anchor-offset-label[data-v-4bb1d305]{text-align:center;color:#ddd;font-size:12px}.scores-row5 .browse-score-container .browse-header .browse-header-right .full-screen-btn[data-v-4bb1d305]{height:24px;padding:0 12px;border:none;border-radius:4px;background:#179c46;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.scores-row5 .browse-score-container .browse-header .browse-header-right .full-screen-btn[data-v-4bb1d305]:hover{background:#1db954;transform:scale(1.02)}.scores-row5 .browse-score-container .browse-header .cancel-full-screen-btn[data-v-4bb1d305]{height:24px;padding:0 12px;border:none;border-radius:4px;background:#707070;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.scores-row5 .browse-score-container .browse-header .cancel-full-screen-btn[data-v-4bb1d305]:hover{background:#aeaeae;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container[data-v-4bb1d305]{position:relative}.scores-row5 .browse-score-container .score-img-container .img-btn-row[data-v-4bb1d305]{position:fixed;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:8px 0;height:48px;width:100%;z-index:2}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group[data-v-4bb1d305]{grid-column:1;align-self:flex-start;justify-self:flex-start;margin-left:16px;display:grid;grid-template-rows:1fr 1fr;align-items:center;gap:8px}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-edit-btn[data-v-4bb1d305]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#ff4d4f;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-edit-btn[data-v-4bb1d305]:hover:not(:disabled){background:#ff4d4f;box-shadow:0 2px 8px #ff20204d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-edit-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-save-btn[data-v-4bb1d305]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#1db954;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-save-btn[data-v-4bb1d305]:hover:not(:disabled){background:#179c46;box-shadow:0 2px 8px #1db9544d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-save-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-cancel-btn[data-v-4bb1d305]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#f57c00;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-cancel-btn[data-v-4bb1d305]:hover:not(:disabled){background:#e67200;box-shadow:0 2px 8px #f57c004d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-cancel-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-generate-btn[data-v-4bb1d305]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#f57c00;color:#fff;cursor:pointer;transition:background .2s;animation:pulse-orange-4bb1d305 2s infinite ease-in-out}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-generate-btn[data-v-4bb1d305]:hover:not(:disabled){background:#e67200;box-shadow:0 2px 8px #f57c004d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-generate-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed;animation:none}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-clear-btn[data-v-4bb1d305]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#ff4d4f;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-clear-btn[data-v-4bb1d305]:hover:not(:disabled){background:#ff4d4f;box-shadow:0 2px 8px #ff20204d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-clear-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .start-scroll-btn[data-v-4bb1d305]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#179c46;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .start-scroll-btn[data-v-4bb1d305]:hover:not(:disabled){background:#1db954;box-shadow:0 2px 8px #19ff194d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .start-scroll-btn[data-v-4bb1d305]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .cancel-scroll-btn[data-v-4bb1d305]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background-color:#00ff004d;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .scroll-y-container[data-v-4bb1d305]{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:0px;scrollbar-width:thin}.scores-row5 .browse-score-container .scroll-y-container[data-v-4bb1d305]::-webkit-scrollbar{width:4px}.scores-row5 .browse-score-container .scroll-y-container[data-v-4bb1d305]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.scores-row5 .browse-score-container .score-page-wrapper[data-v-4bb1d305]{position:relative;width:100%;max-width:800px}.scores-row5 .browse-score-container .score-page-wrapper .score-img[data-v-4bb1d305]{width:100%;height:auto;border-radius:8px;display:block}.scores-row5 .browse-score-container .score-page-wrapper .measure-box[data-v-4bb1d305]{position:absolute;border:2px solid rgba(255,0,0,.6);background-color:#ff00001a;pointer-events:none;z-index:5}.scores-row5 .browse-score-container .score-page-wrapper .anchor-mask-layer[data-v-4bb1d305]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:10}.scores-row5 .browse-score-container .score-page-wrapper .anchor-mask-layer .anchor-mask-row[data-v-4bb1d305]{display:flex;align-items:center;width:100%;position:relative;background:linear-gradient(to bottom,#00ff004d,#0f00)}.scores-row5 .browse-score-container .score-page-wrapper .anchor-mask-layer .anchor-mask-row-invisible[data-v-4bb1d305]{display:flex;align-items:center;width:100%;position:relative;background:#0000}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer[data-v-4bb1d305]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:10;padding-top:0;padding-bottom:0}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row[data-v-4bb1d305]{display:flex;align-items:center;width:100%;height:0;position:relative}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .dashed-line[data-v-4bb1d305]{flex:1;height:1px;border-top:2px dashed rgba(255,0,0,.6);margin-right:8px}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .anchor-time[data-v-4bb1d305]{color:#1e1e1e;margin-right:2px}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .anchor-action-btn[data-v-4bb1d305]{pointer-events:auto;height:20px;padding:0 8px;border:none;border-radius:2px;background:#179c46;color:#fff;font-size:10px;cursor:pointer;white-space:nowrap;opacity:.8;transition:opacity .2s;margin:0 2px}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .anchor-action-btn[data-v-4bb1d305]:hover{opacity:1}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .anchor-action-btn.remove-btn[data-v-4bb1d305]{background:#d9363e}.scores-row5 .upload-score-container[data-v-4bb1d305]{width:100%;height:100%;display:flex;flex-direction:column}.scores-row5 .upload-score-container .upload-header[data-v-4bb1d305]{height:40px;display:flex;align-items:center;padding:0 8px;position:relative;box-sizing:border-box}.scores-row5 .upload-score-container .upload-header .upload-title[data-v-4bb1d305]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:16px;font-weight:700;color:#fff}.scores-row5 .upload-score-container .upload-header .close-btn[data-v-4bb1d305]{margin-left:auto;width:60px;height:32px;border:none;border-radius:4px;background:#505050;color:#fff;cursor:pointer;transition:background .2s;display:flex;justify-content:center;align-items:center}.scores-row5 .upload-score-container .upload-header .close-btn[data-v-4bb1d305]:hover{background-color:#6c6c6c}.scores-row5 .upload-score-container .upload-form[data-v-4bb1d305]{background-color:#ffffff0d;padding:25px;border-radius:8px;margin:8px 16px;box-sizing:border-box}.scores-row5 .upload-score-container .upload-form .upload-form-item[data-v-4bb1d305]{display:flex;align-items:center;margin-bottom:18px;width:100%;gap:12px;box-sizing:border-box}.scores-row5 .upload-score-container .upload-form .upload-form-item .upload-info-label[data-v-4bb1d305]{color:#fff;font-size:13px;font-weight:700;background-color:#ffffff1a;padding:4px 12px 2px;border-radius:4px;min-width:100px;text-align:right;flex-shrink:0}.scores-row5 .upload-score-container .upload-form .upload-form-item .score-name-replacing[data-v-4bb1d305]{display:flex;align-items:center;justify-content:center;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;height:40px;box-sizing:border-box;font-size:16px}.scores-row5 .upload-score-container .upload-form .upload-form-item .score-name-input[data-v-4bb1d305]{flex:1 1 auto;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;padding:8px 12px;height:40px;width:100%;box-sizing:border-box;font-size:16px}.scores-row5 .upload-score-container .upload-form .upload-form-item .score-name-input[data-v-4bb1d305]::placeholder{color:#5c5c5c;opacity:1}.scores-row5 .upload-score-container .upload-form .upload-form-item .score-name-input[data-v-4bb1d305]:focus{border-color:#666}.scores-row5 .upload-score-container .upload-form .upload-form-item .file-type-select[data-v-4bb1d305]{display:grid;grid-template-columns:1fr;border:1px solid #444;height:32px;background-color:#2b2b2b;align-items:center;justify-content:center}.scores-row5 .upload-score-container .upload-form .upload-form-item .file-type-select .type-item[data-v-4bb1d305]{display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 16px;border-radius:4px;cursor:pointer;font-size:14px;color:#fff}.scores-row5 .upload-score-container .upload-form .upload-form-item .file-type-select .type-item.active[data-v-4bb1d305]{background:#aaa;color:#2b2b2b}.scores-row5 .upload-score-container .upload-form .upload-form-item .file-type-select .type-item[data-v-4bb1d305]:hover:not(.active){background:#666;color:#2b2b2b}.scores-row5 .upload-score-container .upload-file-container[data-v-4bb1d305]{background-color:#ffffff0d;padding:25px;border-radius:8px;box-sizing:border-box;width:100%}.scores-row5 .upload-score-container .upload-file-container .hidden-file-input[data-v-4bb1d305]{display:none}.scores-row5 .upload-score-container .upload-file-container .custom-file-btn[data-v-4bb1d305]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 8px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.scores-row5 .upload-score-container .upload-file-container .custom-file-btn[data-v-4bb1d305]:hover{background-color:#3a3a3a;border-color:#555;box-shadow:0 0 8px #ffffff1a}.scores-row5 .upload-score-container .upload-file-container .pdf-upload[data-v-4bb1d305],.scores-row5 .upload-score-container .upload-file-container .image-upload[data-v-4bb1d305],.scores-row5 .upload-score-container .upload-file-container .txt-upload[data-v-4bb1d305]{display:flex;flex-direction:column;gap:16px}.scores-row5 .upload-score-container .upload-file-container .image-upload .image-row[data-v-4bb1d305]{display:grid;grid-template-columns:auto 1fr 60px;align-items:center;gap:8px;width:100%;height:100%;box-sizing:border-box;flex-wrap:nowrap;min-height:32px}.scores-row5 .upload-score-container .upload-file-container .image-upload .image-row .page-num[data-v-4bb1d305]{display:flex;align-items:center;justify-content:center;width:60px;height:100%;font-size:14px;color:#666;border-radius:4px;background-color:#0003}.scores-row5 .upload-score-container .upload-file-container .image-upload .image-row .del-btn[data-v-4bb1d305]{width:60px;height:32px;border:none;border-radius:4px;background:#d9363e;color:#fff;cursor:pointer}.scores-row5 .upload-score-container .upload-file-container .image-upload .image-row .del-btn[data-v-4bb1d305]:hover{background:#ff4d4f;box-shadow:0 2px 8px #ff19194d}.scores-row5 .upload-score-container .upload-file-container .image-upload .add-row-btn[data-v-4bb1d305]{align-self:flex-start;height:36px;padding:0 24px;border:none;border-radius:4px;background:#1677ff;color:#fff;cursor:pointer}.scores-row5 .upload-score-container .upload-file-container .image-upload .add-row-btn[data-v-4bb1d305]:hover{background-color:#1d82f4;box-shadow:0 2px 8px #1964ff4d;transform:scale(1.02)}.upload-btn[data-v-4bb1d305]{width:100%;height:36px;padding:0 24px;border:none;border-radius:4px;background:#179c46;color:#fff;cursor:pointer;margin-top:16px}.upload-btn[data-v-4bb1d305]:hover{background:#1db954}.playback-indicator[data-v-4bb1d305]{position:absolute;left:0;right:0;width:100%;height:2px;pointer-events:none;border-radius:2px;background:linear-gradient(to right,#00ff8c40,#00ff8ce6,#00ff8c40);box-shadow:0 0 6px #00ff8c73;z-index:9999;transition:top .1s linear}.edit-icon[data-v-4bb1d305]{font-size:12px;color:#1db954;opacity:1;transition:none}.editable-text[data-v-4bb1d305]{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.editable-text:hover .edit-icon[data-v-4bb1d305]{opacity:1;color:#1db954}.edit-input[data-v-4bb1d305]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:8px 12px;border-radius:4px;font-size:28px;resize:none}.name-input[data-v-4bb1d305]{font-size:20px;font-weight:700;text-align:center}.edit-input[data-v-4bb1d305]:focus{outline:none;border-color:#1db954;box-shadow:0 0 8px #1db9544d}.edit-btn-group[data-v-4bb1d305]{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.inline-edit-btn-group[data-v-4bb1d305]{display:inline-flex;margin-left:8px;margin-top:0}.edit-btn[data-v-4bb1d305]{padding:4px 8px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.confirm-btn[data-v-4bb1d305]{background-color:#1db954;color:#fff}.confirm-btn[data-v-4bb1d305]:hover{background-color:#179c46}.cancel-btn[data-v-4bb1d305]{background-color:#666;color:#fff}.cancel-btn[data-v-4bb1d305]:hover{background-color:#444}@keyframes pulse-orange-4bb1d305{0%,to{background-color:#e7800099;box-shadow:0 0 8px #e74c3c1a}50%{background-color:#e78000;box-shadow:0 0 12px #e74c3c4d}}@keyframes pulse-green-4bb1d305{0%,to{box-shadow:0 0 8px #1db954cc}50%{box-shadow:0 0 12px #1db954}}.player[data-v-510e4a3a]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);display:flex;border-radius:12px;margin:0;padding:0;position:relative;min-height:400px;width:100%}.player-container[data-v-510e4a3a]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:30px 40px;font-family:Inter,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;border-radius:12px;box-shadow:0 10px 25px #0009;width:100%;max-width:1400px;transition:all .3s ease;overflow:hidden}.player-container .player-fixed[data-v-510e4a3a]{bottom:0;left:0;width:100%;background:linear-gradient(135deg,#1e1e1e,#2c2c2c);z-index:1000;box-shadow:0 -4px 12px #00000080,0 -1px 4px #1db95433,0 8px 12px #00000080,0 2px 4px #1db95433;border-top-left-radius:12px;border-top-right-radius:12px;padding:12px;align-items:center;justify-content:space-between;transition:all .3s ease;flex-shrink:0}.player-container .track-scroll-area[data-v-510e4a3a]{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:8px;width:100%;scrollbar-width:none;box-shadow:inset 0 -4px 12px #00000080}.track-action-row[data-v-510e4a3a]{display:flex;margin:12px 0}.track-action-row .track-action-col1[data-v-510e4a3a]{display:flex;gap:12px}.track-action-row .track-action-col2[data-v-510e4a3a]{margin-left:auto}.song-header[data-v-510e4a3a]{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-bottom:10px;gap:16px}.song-header-actions[data-v-510e4a3a]{display:flex;flex-direction:column;gap:10px}.icon-text-btn[data-v-510e4a3a]{background:#3a3a3a;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.icon-text-btn[data-v-510e4a3a]:not(:disabled):hover{background:#6c6c6c;transform:scale(1.02)}.icon-text-btn[data-v-510e4a3a]:disabled{background:#3a3a3a;color:#888;cursor:not-allowed}.public-btn[data-v-510e4a3a]{background:#a020f0;justify-self:start}.public-btn[data-v-510e4a3a]:not(:disabled):hover{background:#b120f0}.favorite-btn[data-v-510e4a3a]{background:#f57c00;justify-self:start}.favorite-btn[data-v-510e4a3a]:not(:disabled):hover{background:#e67200}.song-title-area[data-v-510e4a3a]{text-align:center}.song-title[data-v-510e4a3a]{font-size:28px;font-weight:700;margin-bottom:6px;text-align:center}.editable-text[data-v-510e4a3a]{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.edit-icon[data-v-510e4a3a]{font-size:12px;color:#1db954;opacity:1;transition:none}.editable-text:hover .edit-icon[data-v-510e4a3a]{opacity:1;color:#1db954}.edit-input[data-v-510e4a3a]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:8px 12px;border-radius:4px;font-size:28px;resize:none}.name-input[data-v-510e4a3a]{font-size:28px;font-weight:700;text-align:center}.key-input[data-v-510e4a3a],.tempo-input[data-v-510e4a3a]{width:80px;text-align:center}.edit-input[data-v-510e4a3a]:focus{outline:none;border-color:#1db954;box-shadow:0 0 8px #1db9544d}.edit-btn-group[data-v-510e4a3a]{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.inline-edit-btn-group[data-v-510e4a3a]{display:inline-flex;margin-left:8px;margin-top:0}.edit-btn[data-v-510e4a3a]{padding:4px 8px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.confirm-btn[data-v-510e4a3a]{background-color:#1db954;color:#fff}.confirm-btn[data-v-510e4a3a]:hover{background-color:#179c46}.cancel-btn[data-v-510e4a3a]{background-color:#666;color:#fff}.cancel-btn[data-v-510e4a3a]:hover{background-color:#444}.song-info[data-v-510e4a3a]{font-size:14px;color:#aaa;margin-bottom:20px;text-align:center;gap:12px;justify-content:center;padding:10px 15px;background-color:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.info-column[data-v-510e4a3a]{display:flex;flex-direction:column;gap:6px}.info-line[data-v-510e4a3a]{margin:4px 0;display:flex;justify-content:center;align-items:center;gap:8px}.info-label[data-v-510e4a3a]{color:#fff;font-size:13px;font-weight:500;background-color:#ffffff1a;padding:6px;border-radius:4px}.info-value[data-v-510e4a3a]{color:#e0e0e0;font-size:14px}.info-unit[data-v-510e4a3a]{margin-left:4px;color:#e0e0e0}.info-separator[data-v-510e4a3a]{color:#555;margin:0 8px}.btn[data-v-510e4a3a]{border-radius:6px;padding:4px 8px;border:none;cursor:pointer;transition:all .2s;font-size:14px}.add-track-btn[data-v-510e4a3a]{background-color:#1db954;color:#fff}.add-track-btn[data-v-510e4a3a]:hover{background-color:#179c46;box-shadow:0 2px 8px #1db9544d;transform:scale(1.02)}.add-track-btn[data-v-510e4a3a]:disabled{background-color:#444;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.save-offset-btn[data-v-510e4a3a]{background-color:#1db954;color:#fff}.save-offset-btn[data-v-510e4a3a]:hover{background-color:#14883b;box-shadow:0 2px 8px #1db9544d;transform:scale(1.02)}.save-offset-btn[data-v-510e4a3a]:disabled{background-color:#444;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.enter-edit-btn[data-v-510e4a3a]{background-color:#ff4d4f;color:#fff}.enter-edit-btn[data-v-510e4a3a]:hover{background-color:#ff4d4f;box-shadow:0 2px 8px #ff20204d;transform:scale(1.02)}.enter-edit-btn[data-v-510e4a3a]:disabled{background-color:#702024;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.enter-play-btn[data-v-510e4a3a]{background-color:#1976d2;color:#fff}.enter-play-btn[data-v-510e4a3a]:hover{background-color:#1565c0;box-shadow:0 2px 8px #1976d24d;transform:scale(1.02)}.enter-play-btn[data-v-510e4a3a]:disabled{background-color:#445a75;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.view-score-btn[data-v-510e4a3a]{background-color:#1976d2;color:#fff}.view-score-btn[data-v-510e4a3a]:hover{background-color:#1565c0;box-shadow:0 2px 8px #1976d24d;transform:scale(1.02)}.view-score-btn[data-v-510e4a3a]:disabled{background-color:#445a75;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.discard-edit-btn[data-v-510e4a3a]{background-color:#f57c00;color:#fff}.discard-edit-btn[data-v-510e4a3a]:hover{background-color:#e67200;box-shadow:0 2px 8px #f57c004d;transform:scale(1.02)}.discard-edit-btn[data-v-510e4a3a]:disabled{background-color:#755028;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.track-row[data-v-510e4a3a]{display:flex;align-items:center;gap:16px;padding:12px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.track-name[data-v-510e4a3a]{width:140px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waveform-canvas[data-v-510e4a3a]{flex:1;height:70px;border-radius:6px;background-color:#2b2b2b;border:none}.track-controls[data-v-510e4a3a]{display:flex;flex-direction:column;gap:10px;align-items:center}.track-controls input[type=range][data-v-510e4a3a]{flex-basis:max-content;max-width:80%}.track-btn-group[data-v-510e4a3a]{display:flex;gap:8px}.control-btn[data-v-510e4a3a]{background-color:#3a3a3a;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.control-btn.active[data-v-510e4a3a]{background-color:#1db954;color:#fff}.control-btn[data-v-510e4a3a]:hover{opacity:.85}.control-btn.solo.active[data-v-510e4a3a]{background-color:#1db954;color:#fff}.control-btn.mute.active[data-v-510e4a3a]{background-color:#f7dc6f;color:#000}.modal-backdrop[data-v-510e4a3a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-dialog[data-v-510e4a3a]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);padding:24px 32px;border-radius:12px;box-shadow:0 10px 25px #0009;text-align:center;max-width:320px;width:90%}.modal-text[data-v-510e4a3a]{color:#fff;font-size:16px;margin-bottom:20px}.modal-actions[data-v-510e4a3a]{display:flex;justify-content:center;gap:16px}.modal-actions .btn[data-v-510e4a3a],.modal-actions .control-btn[data-v-510e4a3a]{flex:1}.toast[data-v-510e4a3a]{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:10px;background:#141414d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eafff6;font-size:32px;font-weight:500;letter-spacing:.3px;border:1px solid rgba(29,185,84,.35);box-shadow:0 0 0 1px #1db95426,0 8px 24px #0009,0 0 12px #1db95440;z-index:2000;pointer-events:none}.toast-dot[data-v-510e4a3a]{width:8px;height:8px;border-radius:50%;background:#1db954;box-shadow:0 0 6px #1db954e6;flex-shrink:0}.toast-text[data-v-510e4a3a]{white-space:nowrap}.toast-enter-from[data-v-510e4a3a]{opacity:0;transform:translate(-50%) translateY(-14px)}.toast-enter-to[data-v-510e4a3a]{opacity:1;transform:translate(-50%) translateY(0)}.toast-enter-active[data-v-510e4a3a]{transition:all .25s cubic-bezier(.25,.8,.25,1)}.toast-leave-from[data-v-510e4a3a]{opacity:1;transform:translate(-50%) translateY(0)}.toast-leave-to[data-v-510e4a3a]{opacity:0;transform:translate(-50%) translateY(-8px)}.toast-leave-active[data-v-510e4a3a]{transition:all .45s ease}@media screen and (max-width: 1024px){.waveform-canvas[data-v-510e4a3a]{height:60px}}@media screen and (max-width: 768px){.player-container[data-v-510e4a3a]{padding:20px 16px}.song-title[data-v-510e4a3a],.name-input[data-v-510e4a3a]{font-size:24px}.song-info[data-v-510e4a3a]{flex-direction:column;gap:6px;width:100%;padding:8px 12px}.waveform-canvas[data-v-510e4a3a]{height:50px}.track-name[data-v-510e4a3a]{width:100px;font-size:12px}.btn[data-v-510e4a3a]{padding:4px 8px}}.track-list[data-v-510e4a3a]{display:flex;flex-direction:column;gap:8px;width:100%}[data-v-510e4a3a] .track-swap-move{transition:transform .3s ease}[data-v-510e4a3a] .track-swap-enter-from{opacity:0;transform:translateY(20px)}[data-v-510e4a3a] .track-swap-enter-active,[data-v-510e4a3a] .track-swap-leave-active{transition:opacity .3s ease,transform .3s ease}[data-v-510e4a3a] .track-swap-leave-active{position:absolute}.modal-mask[data-v-510e4a3a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-wrapper[data-v-510e4a3a]{width:100%;max-width:720px;padding:16px}.modal-container[data-v-510e4a3a]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border:1px solid rgba(255,255,255,.1);color:#e0e0e0;border-radius:8px;box-shadow:0 10px 30px #000c;overflow:hidden}.modal-container[data-v-510e4a3a]::placeholder{color:#5c5c5c;opacity:1;font-size:12px}.modal-header[data-v-510e4a3a]{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 16px;font-size:18px;font-weight:600;margin-bottom:20px;color:#ddd;border-bottom:1px solid rgba(255,255,255,.1)}.modal-close[data-v-510e4a3a]{background:none;border:none;font-size:20px;cursor:pointer}.modal-body[data-v-510e4a3a]{padding:16px;max-height:60vh;overflow-y:auto}.modal-footer[data-v-510e4a3a]{padding:12px 16px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.tracks-container[data-v-510e4a3a]{display:flex;flex-direction:column;gap:12px}.track-item[data-v-510e4a3a]{display:flex;align-items:center;margin-bottom:15px;gap:8px;width:100%;box-sizing:border-box;flex-wrap:nowrap;min-height:40px}.track-input[data-v-510e4a3a]{flex:1 1 100px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;padding:8px;height:40px;min-width:100px;box-sizing:border-box;font-size:20px}.track-input[data-v-510e4a3a]::placeholder{color:#5c5c5c;opacity:1;font-size:12px}.hidden-file-input[data-v-510e4a3a]{display:none}.file-input-wrapper[data-v-510e4a3a]{flex:1 1 120px;box-sizing:border-box;min-width:120px}.custom-file-btn[data-v-510e4a3a]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 8px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.custom-file-btn[data-v-510e4a3a]:hover{background-color:#3a3a3a;border-color:#555;box-shadow:0 0 8px #ffffff1a}.control-btn[data-v-510e4a3a]{height:32px;padding:0 12px;border-radius:6px;border:none;cursor:pointer}.add-btn[data-v-510e4a3a]{background:#1677ff;color:#fff}.upload-btn[data-v-510e4a3a]{background:#52c41a;color:#fff}.remove-btn[data-v-510e4a3a]{background-color:#ff4d4f;color:#fff;padding:6px 8px;flex-shrink:0;min-width:60px;width:60px;font-size:12px}.remove-btn[data-v-510e4a3a]:hover{background-color:#d9363e}.button-group[data-v-510e4a3a]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:nowrap;width:100%;box-sizing:border-box;align-items:center}.time-sig-modal[data-v-510e4a3a]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border:1px solid rgba(255,255,255,.1);color:#e0e0e0;border-radius:8px;box-shadow:0 10px 30px #000c;width:300px;overflow:hidden}.time-sig-picker[data-v-510e4a3a]{display:flex;justify-content:center;align-items:center;height:400px;padding:20px;gap:20px}.picker-column[data-v-510e4a3a]{flex:1;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.picker-column[data-v-510e4a3a]::-webkit-scrollbar{display:none}.picker-item[data-v-510e4a3a]{font-size:24px;color:#888;cursor:pointer;padding:5px 15px;border-radius:4px;transition:all .2s}.picker-item[data-v-510e4a3a]:hover{color:#fff;background:#ffffff1a}.picker-item.active[data-v-510e4a3a]{color:#1db954;font-weight:700;font-size:32px}.picker-divider[data-v-510e4a3a]{font-size:40px;color:#555}.picker-footer[data-v-510e4a3a]{padding:12px 16px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.picker-button-group[data-v-510e4a3a]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:nowrap;width:100%;box-sizing:border-box;align-items:center}.user-manage-container[data-v-d2ddcb64]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);min-height:100vh;padding:clamp(15px,3vw,30px) clamp(10px,2vw,20px);font-family:Inter,Roboto,sans-serif;display:flex;justify-content:center}.content-wrapper[data-v-d2ddcb64]{width:100%;max-width:1000px}.page-title[data-v-d2ddcb64]{color:#fff;font-size:clamp(24px,4vw,28px);font-weight:700;text-align:center;margin-bottom:clamp(15px,3vw,30px);padding-bottom:clamp(10px,1.5vw,15px);border-bottom:1px solid rgba(255,255,255,.1)}.form-card[data-v-d2ddcb64],.table-card[data-v-d2ddcb64]{background-color:#ffffff0d;border-radius:12px;padding:clamp(15px,2.5vw,25px);margin-bottom:clamp(15px,2.5vw,25px);box-shadow:0 4px 15px #0000004d}.user-form[data-v-d2ddcb64]{display:flex;flex-wrap:wrap;gap:15px 20px;align-items:flex-end;width:100%}.form-item[data-v-d2ddcb64]{flex:1 1 clamp(220px,45%,320px);min-width:220px;margin-bottom:0!important}.form-actions[data-v-d2ddcb64]{flex:0 0 100%;margin-bottom:0!important;padding-top:5px}[data-v-d2ddcb64] .ant-form-item-label>label{color:#ccc!important;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-v-d2ddcb64] .ant-form-item-wrapper{min-width:140px;width:100%}[data-v-d2ddcb64] .ant-input,[data-v-d2ddcb64] .ant-select-selector{background-color:#2d2d2d!important;border-color:#444!important;color:#fff!important;width:100%!important;border-radius:6px!important}[data-v-d2ddcb64] .ant-select-selection-item{color:#fff!important}[data-v-d2ddcb64] .ant-select-arrow{color:#ccc!important}.add-btn[data-v-d2ddcb64]{background-color:#1db954!important;border-color:#1db954!important;border-radius:6px;font-weight:600;height:32px;line-height:30px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}.add-btn[data-v-d2ddcb64]:hover{background-color:#149648!important;border-color:#149648!important;box-shadow:0 0 10px #1db95466}[data-v-d2ddcb64] .ant-table,[data-v-d2ddcb64] .ant-table *,[data-v-d2ddcb64] .ant-table th,[data-v-d2ddcb64] .ant-table td,[data-v-d2ddcb64] .ant-table tr,[data-v-d2ddcb64] .ant-table tr:hover,[data-v-d2ddcb64] .ant-table tr:hover>td,[data-v-d2ddcb64] .ant-table-thead>tr>th:hover,[data-v-d2ddcb64] .ant-table-tbody>tr.ant-table-row-hover>td,[data-v-d2ddcb64] .ant-table-hover-row,[data-v-d2ddcb64] .ant-table-hover-row:hover{border:none!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important;box-shadow:none!important;outline:none!important;--antd-table-border-color: transparent !important;--antd-table-row-hover-border-color: transparent !important;border-collapse:collapse!important;background-clip:border-box!important;background-color:inherit!important;transition:none!important}[data-v-d2ddcb64] .ant-table th,[data-v-d2ddcb64] .ant-table td{border:none!important;box-shadow:none!important;outline:none!important;border-collapse:collapse!important;background-clip:border-box!important}[data-v-d2ddcb64] .ant-table{background-color:transparent!important;border-radius:8px;overflow:hidden}[data-v-d2ddcb64] .ant-table-hover-row:hover{box-shadow:none!important;border:none!important}[data-v-d2ddcb64] .ant-table th{box-shadow:none!important;background-clip:border-box!important;--antd-table-border-color: #1e1e1e !important}[data-v-d2ddcb64] .ant-table-tbody>tr{margin:2px 0;display:table-row}[data-v-d2ddcb64] .ant-table-tbody>tr:nth-child(2n)>td{background-color:#ffffff0d!important}[data-v-d2ddcb64] .ant-table-tbody>tr:nth-child(odd)>td{background-color:#ffffff05!important}[data-v-d2ddcb64] .ant-table-thead>tr>th{background-color:#2d2d2d!important;color:#fff!important;border-bottom:1px solid transparent!important;font-weight:600;padding:12px 16px}[data-v-d2ddcb64] .ant-table-tbody>tr>td{color:#e0e0e0;border-bottom:1px solid #2d2d2d!important;background-color:#ffffff08!important;background-clip:border-box!important;outline:none!important}[data-v-d2ddcb64] .ant-table-tbody>tr:hover>td{border:none!important;box-shadow:none!important;outline:none!important;background-color:#666!important;background-clip:border-box!important}[data-v-d2ddcb64] .ant-table-thead>tr>th:hover{border:none!important;box-shadow:none!important;outline:none!important}[data-v-d2ddcb64] .ant-pagination{color:#e0e0e0!important}[data-v-d2ddcb64] .ant-pagination-item a{color:#e0e0e0!important;background-color:#ffffff0d!important;border:none!important;border-radius:6px!important}[data-v-d2ddcb64] .ant-pagination-item-active a{color:#fff!important;background-color:#1db954!important;font-weight:600}[data-v-d2ddcb64] .ant-pagination-item-active:hover a{color:#fff!important;background-color:#149648!important;box-shadow:0 2px 8px #1db95433!important}[data-v-d2ddcb64] .ant-pagination-item:hover a{color:#fff!important;background-color:#ffffff1a!important}[data-v-d2ddcb64] .ant-pagination-prev .ant-pagination-item-link,[data-v-d2ddcb64] .ant-pagination-next .ant-pagination-item-link{color:#e0e0e0!important;background-color:#ffffff0d!important;border:none!important;border-radius:6px!important}[data-v-d2ddcb64] .ant-pagination-prev:hover .ant-pagination-item-link,[data-v-d2ddcb64] .ant-pagination-next:hover .ant-pagination-item-link{color:#fff!important;background-color:#ffffff1a!important}[data-v-d2ddcb64] .ant-pagination-disabled .ant-pagination-item-link{color:#fff3!important;background-color:#ffffff08!important;cursor:not-allowed}[data-v-d2ddcb64] .ant-pagination-options-size-changer .ant-select-selector{background-color:#2d2d2d!important;border-color:#444!important;color:#e0e0e0!important}[data-v-d2ddcb64] .ant-pagination-total-text{color:#ccc!important;margin-right:8px}[data-v-d2ddcb64] .ant-table-pagination.ant-pagination{margin-top:16px!important;text-align:right;padding-right:8px}[data-v-d2ddcb64] .delete-btn{border-radius:6px!important;padding:4px 12px!important}@media (max-width: 768px){.content-wrapper[data-v-d2ddcb64]{padding:0 8px}.user-form[data-v-d2ddcb64]{flex-direction:column;align-items:center;gap:12px}.form-item[data-v-d2ddcb64]{min-width:100%;max-width:100%}[data-v-d2ddcb64] .ant-table-column-has-fix-left,[data-v-d2ddcb64] .ant-table-column-has-fix-right{position:static!important}[data-v-d2ddcb64] .ant-table-tbody>tr>td{font-size:14px}}@media (max-width: 480px){.form-card[data-v-d2ddcb64],.table-card[data-v-d2ddcb64]{padding:12px}.page-title[data-v-d2ddcb64]{font-size:24px;margin-bottom:15px}.add-btn[data-v-d2ddcb64]{width:100%}}[data-v-d2ddcb64] .ant-input::placeholder,[data-v-d2ddcb64] .ant-select-selection-placeholder{color:#ffffff4d!important}.user-info-container[data-v-941ef8a6]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:30px 40px;font-family:Inter,Roboto,sans-serif;border-radius:12px;box-shadow:0 10px 25px #0009;width:95%;max-width:800px;margin:30px auto;transition:all .3s ease}.user-title[data-v-941ef8a6]{font-size:28px;font-weight:700;margin-bottom:20px;text-align:center;color:#fff}.info-section[data-v-941ef8a6]{margin-bottom:25px;padding:15px;background-color:#ffffff0d;border-radius:8px}.info-line[data-v-941ef8a6]{margin:12px 0;display:flex;align-items:center;gap:12px}.info-label[data-v-941ef8a6]{color:#fff;font-size:14px;font-weight:500;background-color:#ffffff1a;padding:8px 12px;border-radius:4px;min-width:100px;text-align:center}.info-value[data-v-941ef8a6]{color:#e0e0e0;font-size:14px;flex:1;padding:8px 12px;background-color:#0003;border-radius:4px}.btn[data-v-941ef8a6]{background-color:#1db954;border:none;color:#fff;font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;display:inline-block;margin:0 5px;font-size:14px}.btn[data-v-941ef8a6]:hover{box-shadow:0 0 12px #1db954;transform:scale(1.02)}.btn-group[data-v-941ef8a6]{text-align:center;margin-top:10px}.edit-input[data-v-941ef8a6],.edit-textarea[data-v-941ef8a6]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:8px 12px;border-radius:4px;font-size:20px;resize:none}.edit-input[data-v-941ef8a6]:focus,.edit-textarea[data-v-941ef8a6]:focus{outline:none;border-color:#1db954;box-shadow:0 0 8px #1db9544d}.avatar-wrapper[data-v-941ef8a6]{display:flex;align-items:center;gap:10px;min-height:40px}.avatar-img[data-v-941ef8a6]{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:all .2s ease}.avatar-upload-label:hover .avatar-img[data-v-941ef8a6]{box-shadow:0 0 8px #1db95480;transform:scale(1.05)}.avatar-upload[data-v-941ef8a6]{display:none}.avatar-upload-label[data-v-941ef8a6]{cursor:pointer;display:inline-block}.avatar-placeholder[data-v-941ef8a6],.avatar-replace[data-v-941ef8a6]{display:none}.editable-text[data-v-941ef8a6]{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.edit-icon[data-v-941ef8a6]{font-size:12px;color:#1db954;opacity:1;transition:none}.editable-text:hover .edit-icon[data-v-941ef8a6]{opacity:1;color:#1db954}.edit-group[data-v-941ef8a6]{width:100%;display:flex;flex-direction:column;gap:6px}.edit-tip[data-v-941ef8a6]{font-size:12px;color:#888;margin-top:4px;text-align:left}.edit-btn-group[data-v-941ef8a6]{display:flex;gap:8px;justify-content:flex-end}.edit-btn[data-v-941ef8a6]{padding:4px 8px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.confirm-btn[data-v-941ef8a6]{background-color:#1db954;color:#fff}.confirm-btn[data-v-941ef8a6]:hover{background-color:#179c46}.cancel-btn[data-v-941ef8a6]{background-color:#666;color:#fff}.cancel-btn[data-v-941ef8a6]:hover{background-color:#444}@media screen and (max-width: 768px){.user-info-container[data-v-941ef8a6]{padding:20px 16px}.user-title[data-v-941ef8a6]{font-size:24px}.info-line[data-v-941ef8a6]{flex-direction:column;align-items:flex-start}.info-label[data-v-941ef8a6]{width:100%;margin-bottom:6px}.btn-group[data-v-941ef8a6]{width:100%}.btn[data-v-941ef8a6]{padding:8px 18px;width:100%;margin:5px 0}}.profile-header[data-v-941ef8a6]{display:flex;flex-direction:column;align-items:center;padding:24px 0 16px;gap:12px}.avatar-wrapper-lg[data-v-941ef8a6]{display:flex;justify-content:center}.avatar-lg[data-v-941ef8a6]{width:88px;height:88px;border-radius:50%;object-fit:cover}.nickname-area[data-v-941ef8a6]{text-align:center}.nickname-text[data-v-941ef8a6]{font-size:20px;font-weight:700;cursor:pointer}.announcement-card[data-v-941ef8a6]{margin-top:16px;padding:14px 16px;background:#ffffff0d;border-radius:12px;min-height:90px}.announcement-text[data-v-941ef8a6]{font-size:14px;color:#ccc;white-space:pre-wrap;cursor:pointer}.announcement-textarea[data-v-941ef8a6]{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;padding:10px;font-size:14px;resize:none}.announcement-textarea-edit[data-v-941ef8a6]{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;padding:10px;font-size:20px;resize:none}.role-badge[data-v-941ef8a6]{margin-top:6px;padding:8px 12px 6px;font-size:12px;border-radius:10px;display:inline-block;background:#00ffaa1f;color:#6dffcf}.change-password-container[data-v-995a0adf]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:30px 40px;font-family:Inter,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;border-radius:12px;box-shadow:0 10px 25px #0009;width:95%;max-width:500px;margin:30px auto}h2[data-v-995a0adf]{font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.form-container[data-v-995a0adf]{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}input[data-v-995a0adf]{width:100%;padding:12px 15px;font-size:16px;border:1px solid #444;border-radius:8px;background-color:#2d2d2d;color:#fff;box-sizing:border-box}input[data-v-995a0adf]::placeholder{color:#fff}input[data-v-995a0adf]:focus{outline:none;border-color:#1db954;box-shadow:0 0 0 2px #1db95433}.btn[data-v-995a0adf]{background-color:#1db954;border:none;color:#fff;font-weight:600;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:16px;width:100%}.btn[data-v-995a0adf]:hover{box-shadow:0 0 12px #1db954;transform:scale(1.02)}.hint-msg[data-v-995a0adf]{color:#aaa;font-size:12px;margin:-8px 0 4px;text-align:left}.error-msg[data-v-995a0adf]{color:#ff4d4f;font-size:14px;margin:5px 0 0;text-align:center;min-height:20px}@media screen and (max-width: 768px){.change-password-container[data-v-995a0adf]{padding:20px 16px}h2[data-v-995a0adf]{font-size:24px}.form-container[data-v-995a0adf]{gap:12px}input[data-v-995a0adf],.btn[data-v-995a0adf]{padding:10px 12px;font-size:16px}}h1[data-v-1f1f32c3]{font-size:80px;color:#ff4d4f}p[data-v-1f1f32c3]{font-size:20px;margin-top:10px}.demo-group-container[data-v-b6dad8bc]{margin-top:24px}.section-title[data-v-b6dad8bc]{margin-bottom:16px;font-size:16px;font-weight:600;color:#e0e0e0}.group-items[data-v-b6dad8bc]{border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:24px}.empty-tip[data-v-b6dad8bc]{padding:20px;text-align:center;color:#999;font-size:14px}.group-item[data-v-b6dad8bc]{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s}.group-item[data-v-b6dad8bc]:last-child{border-bottom:none}.group-item[data-v-b6dad8bc]:hover{background-color:#ffffff08}.group-field[data-v-b6dad8bc]{flex:1;text-align:center;font-size:14px;color:#ccc}.name-column[data-v-b6dad8bc]{flex:0 0 120px;min-width:120px;max-width:250px;display:flex;align-items:center;gap:0px;color:#fff;text-align:left}.name-column>div[data-v-b6dad8bc]{white-space:normal;word-break:break-word;overflow-wrap:break-word}.group-field[data-v-b6dad8bc]:not(.name-column){flex:1 1 auto;color:#ccc;word-break:break-word;overflow-wrap:break-word;white-space:normal;text-align:center;padding:0!important}.group-icon[data-v-b6dad8bc]{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.12);object-fit:cover;flex-shrink:0;margin-right:12px}.group-icon.placeholder[data-v-b6dad8bc]{display:inline-flex;align-items:center;justify-content:center;background:#2a2a2a;color:#ccc;font-size:16px;width:32px;height:32px;margin-right:12px;border-radius:6px}.group-modal .ant-modal-content{background:linear-gradient(135deg,#1e1e1e,#2c2c2c)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.group-modal .ant-modal-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.group-modal .ant-modal-title{color:#fff!important;font-size:18px!important;font-weight:600!important}.ant-modal-title{color:#fff!important}.group-list-container[data-v-9807e618]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:30px 40px;font-family:Inter,Roboto,sans-serif;border-radius:12px;box-shadow:0 10px 25px #0009;width:95%;max-width:1400px;margin:30px auto}.group-title[data-v-9807e618]{font-size:28px;font-weight:700;margin-bottom:20px;text-align:center;color:#fff}.search-wrapper-container[data-v-9807e618]{margin-bottom:16px}.search-input-title[data-v-9807e618]{font-size:16px;font-weight:600;color:#e0e0e0;margin:0 0 8px}.search-input[data-v-9807e618]{font-size:20px}.search-wrapper[data-v-9807e618]{display:flex;gap:10px;position:relative;width:100%}.search-dropdown[data-v-9807e618]{position:absolute;top:100%;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 30px #000c;margin-top:4px;max-height:400px;overflow-y:auto}.dropdown-header[data-v-9807e618]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-title[data-v-9807e618]{font-size:16px;font-weight:600;color:#e0e0e0}.dropdown-close[data-v-9807e618]{color:#aaa;cursor:pointer;font-size:16px}.dropdown-close[data-v-9807e618]:hover{color:#fff}.section-title[data-v-9807e618]{margin-bottom:16px;font-size:16px;font-weight:600;color:#e0e0e0}.group-items[data-v-9807e618]{border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:24px}.empty-tip[data-v-9807e618]{padding:20px;text-align:center;color:#999;font-size:14px}.group-item[data-v-9807e618]{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s}.group-item[data-v-9807e618]:last-child{border-bottom:none}.group-item[data-v-9807e618]:hover{background-color:#ffffff08}.group-field[data-v-9807e618]{flex:1;text-align:center;font-size:14px;color:#ccc}.name-column[data-v-9807e618]{flex:0 0 120px;min-width:120px;max-width:250px;display:flex;align-items:center;gap:0px;color:#fff;text-align:left}.name-column>div[data-v-9807e618]{white-space:normal;word-break:break-word;overflow-wrap:break-word}.group-field[data-v-9807e618]:not(.name-column):not(.action-column){flex:1 1 auto;color:#ccc;word-break:break-word;overflow-wrap:break-word;white-space:normal;text-align:center;padding:0!important}.action-column[data-v-9807e618]{flex:0 0 96px;display:flex;justify-content:flex-end;align-items:center}.group-apply-btn[data-v-9807e618]{width:80px}.check-field.name-column[data-v-9807e618]{flex:1!important;min-width:0}.check-field.action-column[data-v-9807e618]{flex:1;gap:8px}[data-v-9807e618] .ant-btn{font-size:14px;border-radius:4px;transition:all .2s ease}[data-v-9807e618] .group-apply-btn:disabled{color:#999!important;background-color:#ffffff0d!important;border-color:#ffffff1a!important;cursor:not-allowed}.apply-btn-wrapper[data-v-9807e618]{position:relative;display:inline-block}.red-dot[data-v-9807e618]{position:absolute;top:6px;right:10px;width:8px;height:8px;background-color:#f44336;border-radius:50%;box-shadow:0 0 6px #f44336cc}.apply-btn[data-v-9807e618]{background-color:#1677ff;border:none;color:#fff;border-radius:6px;padding:8px 18px;font-size:14px;cursor:pointer;transition:all .2s ease}.apply-btn[data-v-9807e618]:hover{box-shadow:0 0 12px #1677ff;transform:scale(1.02)}.group-icon[data-v-9807e618]{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.12);object-fit:cover;flex-shrink:0;margin-right:12px}.group-icon.placeholder[data-v-9807e618]{display:inline-flex;align-items:center;justify-content:center;background:#2a2a2a;color:#ccc;font-size:16px;width:32px;height:32px;margin-right:12px;border-radius:6px}[data-v-9807e618] .group-modal .ant-modal-mask{background-color:#000000d9!important}[data-v-9807e618] .group-modal .ant-modal{background:transparent!important}[data-v-9807e618] .group-modal .ant-modal-content{background:linear-gradient(135deg,#1e1e1e,#2c2c2c)!important;color:#fff!important;border-radius:12px!important;box-shadow:0 10px 30px #000c!important;border:1px solid rgba(255,255,255,.1)!important;padding:0!important}[data-v-9807e618] .group-modal .ant-modal-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:18px 24px!important;border-radius:12px 12px 0 0!important;margin:0!important}[data-v-9807e618] .group-modal .ant-modal-title{color:#fff!important;font-size:18px!important;font-weight:600!important}[data-v-9807e618] .group-modal .ant-modal-close{top:18px!important;right:24px!important}[data-v-9807e618] .group-modal .ant-modal-close-icon{color:#aaa!important;font-size:18px!important}[data-v-9807e618] .group-modal .ant-modal-close-icon:hover{color:#fff!important}[data-v-9807e618] .group-modal .ant-modal-body{background:transparent!important;padding:24px!important;color:#ccc!important}.modal-section-title[data-v-9807e618]{font-size:16px;font-weight:600;margin:0 0 12px;color:#e0e0e0}[data-v-9807e618] .group-modal .group-items{margin-bottom:16px;border-color:#ffffff26!important}[data-v-9807e618] .group-modal .group-item{border-bottom-color:#ffffff1a!important}[data-v-9807e618] .group-modal .name-column{color:#fff!important}[data-v-9807e618] .group-modal .ant-btn-primary{background-color:#2d5af1!important;border-color:#2d5af1!important;color:#fff!important}[data-v-9807e618] .group-modal .ant-btn-danger{background-color:#e53935!important;border-color:#e53935!important;color:#fff!important}[data-v-9807e618] .group-modal .ant-btn-primary:hover{background-color:#4066f5!important;border-color:#4066f5!important}[data-v-9807e618] .group-modal .ant-btn-danger:hover{background-color:#f44336!important;border-color:#f44336!important}[data-v-9807e618] .group-modal .group-field:not(.name-column):not(.action-column){color:#bbb!important}@media screen and (max-width: 768px){.group-title[data-v-9807e618]{font-size:24px}}.search-name-column[data-v-9807e618]{max-width:250px;display:flex;align-items:center;gap:0;color:#fff;text-align:left}.group-create-container[data-v-c1f4887b]{width:95%;max-width:600px;margin:30px auto;padding:20px;background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border-radius:12px;color:#fff}.input-tip[data-v-c1f4887b]{font-size:12px;color:#888;margin-top:4px}.group-title[data-v-c1f4887b]{font-size:28px;font-weight:700;margin-bottom:20px;text-align:center;color:#fff}.form-item[data-v-c1f4887b]{margin-bottom:20px;display:flex;flex-direction:column}.form-item label[data-v-c1f4887b]{margin-bottom:6px}.form-item input[data-v-c1f4887b],.form-item textarea[data-v-c1f4887b]{padding:8px 12px;border-radius:6px;border:none;background:#2c2c2c;color:#fff;font-size:16px}.preview-icon[data-v-c1f4887b]{margin-top:10px;width:80px;height:80px;border-radius:6px;object-fit:cover}.create-btn[data-v-c1f4887b]{background:#1db954;color:#fff;height:32px;padding:0 12px;border-radius:6px;border:none;cursor:pointer;width:100%}.create-btn[data-v-c1f4887b]:hover{box-shadow:0 0 12px #1db954;transform:scale(1.02)}@media screen and (max-width: 768px){.group-title[data-v-c1f4887b]{font-size:24px}.create-btn[data-v-c1f4887b]{width:100%}}.hidden-file-input[data-v-c1f4887b]{display:none}.file-input-wrapper[data-v-c1f4887b]{flex:1 0 0px;box-sizing:border-box;min-width:120px}.custom-file-btn[data-v-c1f4887b]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 8px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.custom-file-btn[data-v-c1f4887b]:hover{background-color:#3a3a3a;border-color:#555;box-shadow:0 0 8px #ffffff1a}.group-detail-container[data-v-4f92f84a]{width:95%;max-width:1400px;margin:30px auto;padding:20px;background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border-radius:12px;color:#fff}.group-header[data-v-4f92f84a]{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px;flex-wrap:wrap}.group-icon-wrapper[data-v-4f92f84a]{position:relative}.group-icon-label[data-v-4f92f84a]{cursor:pointer;display:inline-block}.group-icon-upload[data-v-4f92f84a]{display:none}.group-icon[data-v-4f92f84a]{width:80px;height:80px;border-radius:6px;object-fit:cover}.group-info[data-v-4f92f84a]{flex:1;min-width:0}.group-name-wrapper[data-v-4f92f84a]{margin-bottom:10px}.edit-input[data-v-4f92f84a]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:4px;font-size:24px;outline:none}.edit-tip[data-v-4f92f84a]{font-size:12px;color:#aaa;margin-top:4px}.group-info h2[data-v-4f92f84a]{margin:0;font-size:24px;overflow:hidden;text-overflow:ellipsis;line-height:1.3;word-break:break-word}.apply-btn[data-v-4f92f84a]{margin-left:auto;height:32px;white-space:nowrap;background-color:#1db954;border-color:#1db954}.apply-btn[data-v-4f92f84a]:hover{background-color:#1ed760;border-color:#1ed760}.apply-btn[data-v-4f92f84a]:disabled{color:#999!important;background-color:#ffffff0d!important;border-color:#ffffff1a!important;cursor:not-allowed}.leave-btn[data-v-4f92f84a]{margin-left:auto;height:32px;white-space:nowrap;background-color:#f44336;border-color:#f44336}.leave-btn[data-v-4f92f84a]:hover{background-color:#f8584c;border-color:#f8584c}.leave-btn[data-v-4f92f84a]:disabled{color:#999!important;background-color:#ffffff0d!important;border-color:#ffffff1a!important;cursor:not-allowed}.group-description-wrapper[data-v-4f92f84a]{margin-top:10px}.edit-textarea[data-v-4f92f84a]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:4px;font-size:20px;resize:none}.edit-btn-group[data-v-4f92f84a]{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.edit-btn[data-v-4f92f84a]{padding:4px 8px;font-size:12px;border-radius:4px;border:none;cursor:pointer}.confirm-btn[data-v-4f92f84a]{background-color:#1db954;color:#fff}.cancel-btn[data-v-4f92f84a]{background-color:#666;color:#fff}.editable-text[data-v-4f92f84a]{cursor:pointer}.edit-icon[data-v-4f92f84a]{font-size:12px;color:#1db954;margin-left:4px}.members-section[data-v-4f92f84a],.song-list-section[data-v-4f92f84a]{margin-top:30px}.members[data-v-4f92f84a]{display:flex;flex-wrap:wrap;gap:15px}.member-item[data-v-4f92f84a]{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#ccc;cursor:pointer}.member-avatar[data-v-4f92f84a]{width:50px;height:50px;border-radius:50%;margin-bottom:5px}.member-role[data-v-4f92f84a]{font-size:14px;color:#aaa;margin-top:2px}.song-section-header[data-v-4f92f84a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.song-section-header h3[data-v-4f92f84a]{margin:0;font-size:18px}.toggle-song-btn[data-v-4f92f84a]{height:32px;padding:0 12px;font-size:14px;background-color:#1db954;border-color:#1db954}.toggle-song-btn[data-v-4f92f84a]:hover{background-color:#1ed760;border-color:#1ed760}.toggle-song-btn[data-v-4f92f84a]:disabled{background-color:#aaa;border-color:#666}.role-select[data-v-4f92f84a]{background-color:#1e1e1e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:20px;padding:2px 6px}.song-list-container[data-v-b7bbc5f1]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:30px 40px;font-family:Inter,Roboto,sans-serif;border-radius:12px;box-shadow:0 10px 25px #0009;max-width:1400px;margin:0 auto}.song-title[data-v-b7bbc5f1]{font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.list-header[data-v-b7bbc5f1]{display:flex;align-items:center;padding:12px 20px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:8px 8px 0 0;font-weight:600;font-size:14px}.song-items[data-v-b7bbc5f1]{border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 8px 8px}.song-item[data-v-b7bbc5f1]{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s}.song-item[data-v-b7bbc5f1]:last-child{border-bottom:none}.song-item[data-v-b7bbc5f1]:hover{background-color:#ffffff08}.header-item[data-v-b7bbc5f1],.song-field[data-v-b7bbc5f1]{display:flex;align-items:center;justify-content:center;padding:8px 0;margin:0 8px 0 0;font-size:14px;box-sizing:border-box}.name-column[data-v-b7bbc5f1]{flex:4 1 40%;min-width:50px;text-align:center}.permission-column[data-v-b7bbc5f1]{flex:2 0 20%;text-align:center;margin-right:20px;font-weight:700}.action-column[data-v-b7bbc5f1]{flex:4 0 40%;display:flex;gap:10px;justify-content:center;align-items:center}.song-field.name-column[data-v-b7bbc5f1]{color:#fff;font-size:16px;border-radius:4px;font-weight:700}.song-field.text-all-users[data-v-b7bbc5f1]{background:#2c2c2c;color:#fff;border-radius:4px;animation:pulse-green-b7bbc5f1 2s infinite ease-in-out}.song-field.text-group-members[data-v-b7bbc5f1]{background:#2c2c2c;color:#fff;border-radius:4px;animation:pulse-red-b7bbc5f1 2s infinite ease-in-out}.control-btn[data-v-b7bbc5f1]{display:flex;align-items:center;justify-content:center;background-color:#3a3a3a;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.control-btn svg[data-v-b7bbc5f1]{display:block}.control-btn[data-v-b7bbc5f1]:not(:disabled):hover{opacity:.85;transform:scale(1.05)}.control-btn[data-v-b7bbc5f1]:disabled{background-color:#444;cursor:not-allowed}.play-btn[data-v-b7bbc5f1]{background-color:#1db954}.delete-btn[data-v-b7bbc5f1]{background-color:#f44336}.public-btn[data-v-b7bbc5f1]{background-color:#a020f0}.public-btn.state-public[data-v-b7bbc5f1]{background-color:#999}.public-btn.state-public[data-v-b7bbc5f1]:disabled{background-color:#444}.favorite-btn[data-v-b7bbc5f1]{background-color:#f49b14}.favorite-btn.state-favorite[data-v-b7bbc5f1]{background-color:#999}.confirm-overlay[data-v-b7bbc5f1]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-dialog[data-v-b7bbc5f1]{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);border-radius:12px;padding:25px 30px;width:90%;max-width:400px;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1)}.confirm-title[data-v-b7bbc5f1]{font-size:20px;font-weight:600;margin-bottom:15px;color:#fff;text-align:center}.confirm-message[data-v-b7bbc5f1]{font-size:14px;color:#ccc;margin-bottom:25px;text-align:center;line-height:1.5}.confirm-buttons[data-v-b7bbc5f1]{display:flex;gap:15px;justify-content:center}.cancel-btn[data-v-b7bbc5f1]{background-color:#444}.confirm-btn[data-v-b7bbc5f1]{background-color:#f44336}@media (max-width: 768px){.song-list-container[data-v-b7bbc5f1]{padding:20px 16px}.song-title[data-v-b7bbc5f1]{font-size:24px}.header-item[data-v-b7bbc5f1],.song-field[data-v-b7bbc5f1]{font-size:13px}.control-btn[data-v-b7bbc5f1]{padding:4px 8px;font-size:12px}.list-header[data-v-b7bbc5f1],.song-item[data-v-b7bbc5f1]{flex-wrap:nowrap}.header-item[data-v-b7bbc5f1],.song-field[data-v-b7bbc5f1]{min-width:0}}.empty-song-list[data-v-b7bbc5f1]{padding-top:32px;border-top:#666 solid 1px;text-align:center;font-size:16px}@keyframes pulse-green-b7bbc5f1{0%,to{border-color:#1db95466;box-shadow:0 0 8px #1db9544d}50%{border-color:#1db954cc;box-shadow:0 0 12px #1db95499}}@keyframes pulse-red-b7bbc5f1{0%,to{border-color:#e74c3c66;box-shadow:0 0 8px #e74c3c4d}50%{border-color:#e74c3ccc;box-shadow:0 0 12px #e74c3c99}}.group-detail-container[data-v-c685d7d3]{width:95%;max-width:1400px;margin:30px auto;padding:20px;background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border-radius:12px;color:#fff}.group-header[data-v-c685d7d3]{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px;flex-wrap:wrap}.group-icon-wrapper[data-v-c685d7d3]{position:relative}.group-icon-label[data-v-c685d7d3]{cursor:pointer;display:inline-block}.group-icon-upload[data-v-c685d7d3]{display:none}.group-icon[data-v-c685d7d3]{width:80px;height:80px;border-radius:6px;object-fit:cover}.group-info[data-v-c685d7d3]{flex:1;min-width:0}.group-name-wrapper[data-v-c685d7d3]{margin-bottom:10px}.edit-input[data-v-c685d7d3]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:4px;font-size:24px;outline:none}.edit-tip[data-v-c685d7d3]{font-size:12px;color:#aaa;margin-top:4px}.group-info h2[data-v-c685d7d3]{margin:0;font-size:24px;overflow:hidden;text-overflow:ellipsis;line-height:1.3;word-break:break-word}.apply-btn[data-v-c685d7d3]{margin-left:auto;height:32px;white-space:nowrap;background-color:#1db954;border-color:#1db954}.apply-btn[data-v-c685d7d3]:hover{background-color:#1ed760;border-color:#1ed760}.apply-btn[data-v-c685d7d3]:disabled{color:#999!important;background-color:#ffffff0d!important;border-color:#ffffff1a!important;cursor:not-allowed}.leave-btn[data-v-c685d7d3]{margin-left:auto;height:32px;white-space:nowrap;background-color:#f44336;border-color:#f44336}.leave-btn[data-v-c685d7d3]:hover{background-color:#f8584c;border-color:#f8584c}.leave-btn[data-v-c685d7d3]:disabled{color:#999!important;background-color:#ffffff0d!important;border-color:#ffffff1a!important;cursor:not-allowed}.group-description-wrapper[data-v-c685d7d3]{margin-top:10px}.edit-textarea[data-v-c685d7d3]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:4px;font-size:20px;resize:none}.edit-btn-group[data-v-c685d7d3]{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.edit-btn[data-v-c685d7d3]{padding:4px 8px;font-size:12px;border-radius:4px;border:none;cursor:pointer}.confirm-btn[data-v-c685d7d3]{background-color:#1db954;color:#fff}.cancel-btn[data-v-c685d7d3]{background-color:#666;color:#fff}.editable-text[data-v-c685d7d3]{cursor:pointer}.edit-icon[data-v-c685d7d3]{font-size:12px;color:#1db954;margin-left:4px}.members-section[data-v-c685d7d3],.song-list-section[data-v-c685d7d3]{margin-top:30px}.members[data-v-c685d7d3]{display:flex;flex-wrap:wrap;gap:15px}.member-item[data-v-c685d7d3]{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#ccc;cursor:pointer}.member-avatar[data-v-c685d7d3]{width:50px;height:50px;border-radius:50%;margin-bottom:5px}.member-role[data-v-c685d7d3]{font-size:14px;color:#aaa;margin-top:2px}.song-section-header[data-v-c685d7d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.song-section-header h3[data-v-c685d7d3]{margin:0;font-size:18px}.toggle-song-btn[data-v-c685d7d3]{height:32px;padding:0 12px;font-size:14px;background-color:#1db954;border-color:#1db954}.toggle-song-btn[data-v-c685d7d3]:hover{background-color:#1ed760;border-color:#1ed760}.toggle-song-btn[data-v-c685d7d3]:disabled{background-color:#aaa;border-color:#666}.role-select[data-v-c685d7d3]{background-color:#1e1e1e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:20px;padding:2px 6px}.track-row[data-v-5ddf65f7]{display:grid;grid-template-columns:52px 8px 1fr 100px;grid-column-gap:8px;align-items:center;padding:8px 0;width:100%;height:90px;border-bottom:1px solid rgba(255,255,255,.1)}.track-row .track-name-wrapper[data-v-5ddf65f7]{width:52px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.track-row .track-name-wrapper .track-name[data-v-5ddf65f7]{cursor:text;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px}.track-row .track-name-wrapper .name-input[data-v-5ddf65f7]{font-size:20px;padding:2px 4px;border:1px solid #0f0;border-radius:4px;background-color:#1f1f1f;color:#0ff;font-family:monospace;width:120px}.track-row .track-name-wrapper .edit-icon-row[data-v-5ddf65f7]{display:flex;align-items:center;margin-top:-2px;padding-left:8px}.track-row .track-name-wrapper .edit-icon[data-v-5ddf65f7]{width:14px;height:14px;color:#0f0}.track-row .volume-wrapper[data-v-5ddf65f7]{width:8px;height:100%;display:flex;align-items:center;justify-content:center;padding-bottom:10px}.track-row .volume-input[data-v-5ddf65f7]{position:absolute;width:70px;height:18px;transform:rotate(-90deg)}.track-row .waveform-canvas[data-v-5ddf65f7]{flex:1 1 0%;height:70px;border-radius:6px;background-color:#2b2b2b;border:none;width:100%;min-width:0;position:relative;box-sizing:border-box;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.track-row .waveform-editable[data-v-5ddf65f7]{border:2px solid rgba(29,185,84,.2)}.track-row .waveform-editable-hover[data-v-5ddf65f7]{border-color:#1db954cc;box-shadow:0 0 15px #1db95480}.track-row .waveform-editable-editing[data-v-5ddf65f7]{border-color:#1db954;box-shadow:0 0 15px #1db95480;animation:pulse-green-5ddf65f7 2s infinite ease-in-out;touch-action:none}.track-row .waveform-locked[data-v-5ddf65f7]{border:2px solid rgba(231,76,60,.2)}@keyframes pulse-green-5ddf65f7{0%,to{border-color:#1db954cc;box-shadow:0 0 8px #1db954cc}50%{border-color:#1db954;box-shadow:0 0 12px #1db954}}@keyframes pulse-red-5ddf65f7{0%,to{border-color:#e74c3c33;box-shadow:0 0 8px #e74c3c1a}50%{border-color:#e74c3ccc;box-shadow:0 0 12px #e74c3c4d}}.track-row .waveform-arrows[data-v-5ddf65f7]{display:flex;flex-direction:column;gap:18px}.track-row .waveform-arrows .arrow-btn[data-v-5ddf65f7]{width:24px;height:24px;padding:2px;display:flex;justify-content:center;align-items:center;border:none;background-color:#23da64;color:#fff;border-radius:4px;cursor:pointer;transition:all .15s ease}.track-row .waveform-arrows .arrow-btn[data-v-5ddf65f7]:hover:not(:disabled){background-color:#23da64;color:#fff}.track-row .waveform-arrows .arrow-btn[data-v-5ddf65f7]:disabled{opacity:.35;cursor:not-allowed;background-color:#179845;color:#fff}.track-row .waveform-arrows .arrow-btn svg[data-v-5ddf65f7]{width:18px;height:18px;display:block}.track-row .control-btn-container[data-v-5ddf65f7]{display:flex;flex-direction:column;gap:16px}.track-row .control-edit-btn-container[data-v-5ddf65f7]{display:flex;flex-direction:column;gap:0;margin-right:4px}.track-row input[type=range][data-v-5ddf65f7]{flex-basis:max-content;max-width:80%;margin-top:10px}.track-row .edit-offset-display[data-v-5ddf65f7]{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.track-row .edit-offset-display .offset-label[data-v-5ddf65f7]{opacity:1;font-weight:700}.track-row .edit-offset-display .offset-icon[data-v-5ddf65f7]{width:12px;height:12px;color:#7ff;flex-shrink:0;font-weight:700}.track-row .edit-offset-display .offset-value[data-v-5ddf65f7]{font-family:monospace;color:#0ff;font-weight:700}.track-row .edit-offset-display .clickable[data-v-5ddf65f7]{cursor:pointer;font-weight:700}.track-row .edit-offset-display .clickable[data-v-5ddf65f7]:hover{text-decoration:underline;color:#7ff}.track-row .edit-offset-display .offset-input[data-v-5ddf65f7]{width:72px;background:#1f1f1f;border:1px solid #444;border-radius:4px;color:#0ff;font-family:monospace;font-size:20px;padding:2px 4px;outline:none}.track-row .edit-offset-display .offset-input[data-v-5ddf65f7]:focus{border-color:#0ff;box-shadow:0 0 0 1px #00ffff4d}.track-row .edit-offset-display .unit[data-v-5ddf65f7]{opacity:.6}.track-row .track-controls[data-v-5ddf65f7]{width:100px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.track-row .track-btn-group[data-v-5ddf65f7]{display:flex;gap:8px}.track-row .track-btn[data-v-5ddf65f7]{background:#333;color:#ccc;font-size:10px;border:1px solid #444;border-radius:4px;padding:4px;cursor:pointer;width:40px;font-weight:700}.track-row .track-btn[data-v-5ddf65f7]:hover:not(:disabled){opacity:.75;transform:scale(1.1)}.track-row .track-btn[data-v-5ddf65f7]:disabled{opacity:.35;cursor:not-allowed;background:#2a2a2a;border-color:#333}.track-row .track-btn.solo.active[data-v-5ddf65f7]{background-color:#1db954;color:#fff}.track-row .track-btn.mute.active[data-v-5ddf65f7]{background-color:#f7dc6f;color:#000}.track-row .track-btn.download[data-v-5ddf65f7]{background-color:#1976d2;color:#fff}.track-row .track-btn.delete[data-v-5ddf65f7]{background-color:#f44336;color:#fff}.track-row .edit-offset-display[data-v-5ddf65f7]{color:#e0e0e0;font-size:14px;text-align:center;margin-bottom:4px}.track-row .edit-offset-buttons[data-v-5ddf65f7]{font-size:16px;display:flex;justify-content:center;gap:8px;margin-bottom:4px}.track-row .edit-offset-undo[data-v-5ddf65f7]{display:flex;justify-content:center}.track-row .track-edit-btn[data-v-5ddf65f7]{background:#333;color:#ccc;font-size:12px;border:1px solid #444;border-radius:4px;padding:4px 10px;cursor:pointer}.track-row .track-edit-btn[data-v-5ddf65f7]:hover:not(:disabled){background:#444;color:#fff}.track-row .track-edit-btn[data-v-5ddf65f7]:disabled{opacity:.35;cursor:not-allowed;background:#2a2a2a;border-color:#333}@media screen and (max-width: 1024px){.track-row[data-v-5ddf65f7]{grid-template-columns:40px 1fr}.track-row .track-name-wrapper .track-name[data-v-5ddf65f7]{font-size:12px;width:40px}}@media screen and (max-width: 768px){.track-row[data-v-5ddf65f7]{grid-template-columns:30px 1fr}.track-row .track-name-wrapper .track-name[data-v-5ddf65f7]{font-size:12px;width:40px}}.scores-container[data-v-ac38ac37]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:4px 6px;font-family:Inter,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;border-radius:12px;box-shadow:0 10px 25px #0009;width:100%;transition:all .3s ease;overflow:hidden;height:calc(var(--vh, 1vh) * 100);position:fixed;top:0;left:0;right:0;bottom:0;z-index:6666}.scores-container .scores-fixed[data-v-ac38ac37]{display:flex;flex-direction:column;gap:8px;bottom:0;left:0;width:100%;background:linear-gradient(135deg,#1e1e1e,#2c2c2c);z-index:100;box-shadow:0 -4px 12px #00000080,0 -1px 4px #1db95433,0 8px 12px #00000080,0 2px 4px #1db95433;border-top-left-radius:12px;border-top-right-radius:12px;padding:12px;align-items:center;justify-content:space-between;transition:all .3s ease;flex-shrink:0}.scores-half-screen-wrapper[data-v-ac38ac37]{display:flex;flex-direction:column;gap:8px;bottom:0;left:0;width:100%;background:linear-gradient(135deg,#1e1e1e,#2c2c2c)}.scores-full-screen-wrapper[data-v-ac38ac37]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;z-index:9999;padding:40px 20px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.scores-row0[data-v-ac38ac37]{display:flex;align-items:center;box-sizing:border-box;border-radius:8px;background-color:#ffffff0d;padding:10px 16px;box-shadow:4px 4px 16px #0003}.scores-row0 h2[data-v-ac38ac37]{margin:0}.scores-row1[data-v-ac38ac37],.scores-row2[data-v-ac38ac37],.scores-row3[data-v-ac38ac37],.scores-row4[data-v-ac38ac37],.scores-row5[data-v-ac38ac37]{width:100%;box-sizing:border-box;color:#aaa;border-radius:8px;background-color:#ffffff0d}.scroll-x-container[data-v-ac38ac37]{height:80px;display:flex;align-items:center;padding:0 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.scroll-x-container[data-v-ac38ac37]::-webkit-scrollbar{height:4px}.scroll-x-container[data-v-ac38ac37]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.scores-row1[data-v-ac38ac37]{height:36px}.scores-row1 .space-item[data-v-ac38ac37]{display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto;height:24px;cursor:pointer;gap:8px;padding:8px;transition:background .2s}.scores-row1 .space-item.disabled[data-v-ac38ac37]{background-color:#444;cursor:not-allowed}.scores-row1 .space-item.active[data-v-ac38ac37]{background-color:#00ff002e}.scores-row1 .space-item .space-avatar[data-v-ac38ac37]{width:16px;height:16px;border:1px solid rgb(255,255,255)}.scores-row1 .space-item .space-name[data-v-ac38ac37]{width:auto;font-size:14px;color:#fff;text-align:center;white-space:nowrap}.scores-row2[data-v-ac38ac37]{height:36px;border-radius:0;gap:8px}.scores-row2 .score-item[data-v-ac38ac37]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;height:24px;cursor:pointer;border-radius:4px;transition:background .2s;background-color:#ffffff26}.scores-row2 .score-item.disabled[data-v-ac38ac37]{background-color:#999;cursor:not-allowed}.scores-row2 .score-item.active[data-v-ac38ac37]{background-color:#00ff002e}.scores-row2 .score-item .score-name[data-v-ac38ac37]{font-size:14px;color:#fff;white-space:nowrap}.scores-row2 .add-score-btn[data-v-ac38ac37]{height:24px;width:24px;font-size:16px;font-weight:700;border:none;border-radius:4px;color:#fff;background:#179c46;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;white-space:nowrap;animation:pulse-green-ac38ac37 2s infinite ease-in-out}.scores-row2 .add-score-btn[data-v-ac38ac37]:hover{background:#1db954}.scores-row2 .add-score-btn[data-v-ac38ac37]:disabled{background-color:#999;cursor:not-allowed;animation:none}.scores-row3[data-v-ac38ac37]{height:auto;display:flex;width:100%;align-items:center;justify-content:space-between;padding:8px 8px 8px 16px;gap:8px}.scores-row3 .player-controller[data-v-ac38ac37]{flex:1}.scores-row3 .back-player-btn[data-v-ac38ac37]{width:60px;height:60px;border:none;border-radius:4px;background:#1976d2;color:#fff;cursor:pointer;transition:background .2s}.scores-row3 .back-player-btn[data-v-ac38ac37]:hover{background:#1d82f4;box-shadow:0 2px 8px #1976d24d;transform:scale(1.02)}.scores-row4[data-v-ac38ac37]{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;padding:8px}.scores-row4 .func-btn-group-left[data-v-ac38ac37]{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.scores-row4 .func-btn-group-right[data-v-ac38ac37]{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-end}.scores-row4 .func-btn[data-v-ac38ac37]{display:flex;align-items:center;justify-content:center;height:24px;padding:0 12px;border:none;border-radius:4px;background:#179c46;color:#fff;cursor:pointer;transition:background .2s;font-size:12px;white-space:nowrap}.scores-row4 .func-btn[data-v-ac38ac37]:hover{background:#1db954}.scores-row4 .func-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed}.scores-row4 .func-btn svg[data-v-ac38ac37]{flex-shrink:0}.scores-row4 .unref-score-btn[data-v-ac38ac37]{background-color:#d9363e}.scores-row4 .unref-score-btn[data-v-ac38ac37]:hover{background:#ff4d4f}.scores-row4 .unref-score-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed}.scores-row4 .return-play-btn[data-v-ac38ac37]{background-color:#1976d2;font-size:14px}.scores-row4 .return-play-btn[data-v-ac38ac37]:hover:not(:disabled){background-color:#1565c0;box-shadow:0 2px 8px #1976d24d;transform:scale(1.02)}.scores-row5[data-v-ac38ac37]{display:flex;flex:1;overflow-y:auto;overflow-x:hidden;padding-top:8px;width:100%;scrollbar-width:none;background-color:#ffffff0d;box-shadow:inset 0 -4px 12px #00000080;border-radius:0;margin-top:2px}.scores-row5 .browse-score-container[data-v-ac38ac37]{width:100%;height:100%;display:flex;flex-direction:column}.scores-row5 .browse-score-container .browse-header[data-v-ac38ac37]{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;box-shadow:0 4px 4px #0009;z-index:100}.scores-row5 .browse-score-container .browse-header .replace-score-btn[data-v-ac38ac37]{height:24px;padding:0 12px;border:none;border-radius:4px;background:#ff9100;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.scores-row5 .browse-score-container .browse-header .replace-score-btn[data-v-ac38ac37]:hover:not(:disabled){background:#ffae31;box-shadow:0 2px 8px #ffff194d;transform:scale(1.02)}.scores-row5 .browse-score-container .browse-header .replace-score-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .browse-header .score-title[data-v-ac38ac37]{text-align:center;font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scores-row5 .browse-score-container .browse-header .browse-header-right[data-v-ac38ac37]{display:flex;align-items:center;gap:8px}.scores-row5 .browse-score-container .browse-header .browse-header-right .anchor-offset-wrapper[data-v-ac38ac37]{display:flex;flex-direction:column;align-items:center}.scores-row5 .browse-score-container .browse-header .browse-header-right .anchor-offset-wrapper .anchor-offset-label[data-v-ac38ac37]{text-align:center;color:#ddd;font-size:12px}.scores-row5 .browse-score-container .browse-header .browse-header-right .full-screen-btn[data-v-ac38ac37]{height:24px;padding:0 12px;border:none;border-radius:4px;background:#179c46;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.scores-row5 .browse-score-container .browse-header .browse-header-right .full-screen-btn[data-v-ac38ac37]:hover{background:#1db954;transform:scale(1.02)}.scores-row5 .browse-score-container .browse-header .cancel-full-screen-btn[data-v-ac38ac37]{height:24px;padding:0 12px;border:none;border-radius:4px;background:#707070;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.scores-row5 .browse-score-container .browse-header .cancel-full-screen-btn[data-v-ac38ac37]:hover{background:#aeaeae;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container[data-v-ac38ac37]{position:relative}.scores-row5 .browse-score-container .score-img-container .img-btn-row[data-v-ac38ac37]{position:fixed;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:8px 0;height:48px;width:100%;z-index:2}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group[data-v-ac38ac37]{grid-column:1;align-self:flex-start;justify-self:flex-start;margin-left:16px;display:grid;grid-template-rows:1fr 1fr;align-items:center;gap:8px}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-edit-btn[data-v-ac38ac37]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#ff4d4f;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-edit-btn[data-v-ac38ac37]:hover:not(:disabled){background:#ff4d4f;box-shadow:0 2px 8px #ff20204d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-edit-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-save-btn[data-v-ac38ac37]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#1db954;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-save-btn[data-v-ac38ac37]:hover:not(:disabled){background:#179c46;box-shadow:0 2px 8px #1db9544d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-save-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-cancel-btn[data-v-ac38ac37]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#f57c00;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-cancel-btn[data-v-ac38ac37]:hover:not(:disabled){background:#e67200;box-shadow:0 2px 8px #f57c004d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-cancel-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-generate-btn[data-v-ac38ac37]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#f57c00;color:#fff;cursor:pointer;transition:background .2s;animation:pulse-orange-ac38ac37 2s infinite ease-in-out}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-generate-btn[data-v-ac38ac37]:hover:not(:disabled){background:#e67200;box-shadow:0 2px 8px #f57c004d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-generate-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed;animation:none}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-clear-btn[data-v-ac38ac37]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#ff4d4f;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-clear-btn[data-v-ac38ac37]:hover:not(:disabled){background:#ff4d4f;box-shadow:0 2px 8px #ff20204d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .img-btn-row .anchor-btn-group .anchor-clear-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .start-scroll-btn[data-v-ac38ac37]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background:#179c46;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .score-img-container .start-scroll-btn[data-v-ac38ac37]:hover:not(:disabled){background:#1db954;box-shadow:0 2px 8px #19ff194d;transform:scale(1.02)}.scores-row5 .browse-score-container .score-img-container .start-scroll-btn[data-v-ac38ac37]:disabled{background-color:#444;cursor:not-allowed}.scores-row5 .browse-score-container .score-img-container .cancel-scroll-btn[data-v-ac38ac37]{grid-column:2;align-self:flex-start;height:24px;padding:0 12px;border:none;border-radius:4px;background-color:#00ff004d;color:#fff;cursor:pointer;transition:background .2s}.scores-row5 .browse-score-container .scroll-y-container[data-v-ac38ac37]{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:0px;scrollbar-width:thin}.scores-row5 .browse-score-container .scroll-y-container[data-v-ac38ac37]::-webkit-scrollbar{width:4px}.scores-row5 .browse-score-container .scroll-y-container[data-v-ac38ac37]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.scores-row5 .browse-score-container .score-page-wrapper[data-v-ac38ac37]{position:relative;width:100%;max-width:800px}.scores-row5 .browse-score-container .score-page-wrapper .score-img[data-v-ac38ac37]{width:100%;height:auto;border-radius:8px;display:block}.scores-row5 .browse-score-container .score-page-wrapper .measure-box[data-v-ac38ac37]{position:absolute;border:2px solid rgba(255,0,0,.6);background-color:#ff00001a;pointer-events:none;z-index:5}.scores-row5 .browse-score-container .score-page-wrapper .anchor-mask-layer[data-v-ac38ac37]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:10}.scores-row5 .browse-score-container .score-page-wrapper .anchor-mask-layer .anchor-mask-row[data-v-ac38ac37]{display:flex;align-items:center;width:100%;position:relative;background:linear-gradient(to bottom,#00ff004d,#0f00)}.scores-row5 .browse-score-container .score-page-wrapper .anchor-mask-layer .anchor-mask-row-invisible[data-v-ac38ac37]{display:flex;align-items:center;width:100%;position:relative;background:#0000}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer[data-v-ac38ac37]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:10;padding-top:0;padding-bottom:0}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row[data-v-ac38ac37]{display:flex;align-items:center;width:100%;height:0;position:relative}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .dashed-line[data-v-ac38ac37]{flex:1;height:1px;border-top:2px dashed rgba(255,0,0,.6);margin-right:8px}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .anchor-time[data-v-ac38ac37]{color:#1e1e1e;margin-right:2px}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .anchor-action-btn[data-v-ac38ac37]{pointer-events:auto;height:20px;padding:0 8px;border:none;border-radius:2px;background:#179c46;color:#fff;font-size:10px;cursor:pointer;white-space:nowrap;opacity:.8;transition:opacity .2s;margin:0 2px}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .anchor-action-btn[data-v-ac38ac37]:hover{opacity:1}.scores-row5 .browse-score-container .score-page-wrapper .anchor-layer .anchor-row .anchor-action-btn.remove-btn[data-v-ac38ac37]{background:#d9363e}.scores-row5 .upload-score-container[data-v-ac38ac37]{width:100%;height:100%;display:flex;flex-direction:column}.scores-row5 .upload-score-container .upload-header[data-v-ac38ac37]{height:40px;display:flex;align-items:center;padding:0 8px;position:relative;box-sizing:border-box}.scores-row5 .upload-score-container .upload-header .upload-title[data-v-ac38ac37]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:16px;font-weight:700;color:#fff}.scores-row5 .upload-score-container .upload-header .close-btn[data-v-ac38ac37]{margin-left:auto;width:60px;height:32px;border:none;border-radius:4px;background:#505050;color:#fff;cursor:pointer;transition:background .2s;display:flex;justify-content:center;align-items:center}.scores-row5 .upload-score-container .upload-header .close-btn[data-v-ac38ac37]:hover{background-color:#6c6c6c}.scores-row5 .upload-score-container .upload-form[data-v-ac38ac37]{background-color:#ffffff0d;padding:25px;border-radius:8px;margin:8px 16px;box-sizing:border-box}.scores-row5 .upload-score-container .upload-form .upload-form-item[data-v-ac38ac37]{display:flex;align-items:center;margin-bottom:18px;width:100%;gap:12px;box-sizing:border-box}.scores-row5 .upload-score-container .upload-form .upload-form-item .upload-info-label[data-v-ac38ac37]{color:#fff;font-size:13px;font-weight:700;background-color:#ffffff1a;padding:4px 12px 2px;border-radius:4px;min-width:100px;text-align:right;flex-shrink:0}.scores-row5 .upload-score-container .upload-form .upload-form-item .score-name-replacing[data-v-ac38ac37]{display:flex;align-items:center;justify-content:center;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;height:40px;box-sizing:border-box;font-size:16px}.scores-row5 .upload-score-container .upload-form .upload-form-item .score-name-input[data-v-ac38ac37]{flex:1 1 auto;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;padding:8px 12px;height:40px;width:100%;box-sizing:border-box;font-size:16px}.scores-row5 .upload-score-container .upload-form .upload-form-item .score-name-input[data-v-ac38ac37]::placeholder{color:#5c5c5c;opacity:1}.scores-row5 .upload-score-container .upload-form .upload-form-item .score-name-input[data-v-ac38ac37]:focus{border-color:#666}.scores-row5 .upload-score-container .upload-form .upload-form-item .file-type-select[data-v-ac38ac37]{display:grid;grid-template-columns:1fr;border:1px solid #444;height:32px;background-color:#2b2b2b;align-items:center;justify-content:center}.scores-row5 .upload-score-container .upload-form .upload-form-item .file-type-select .type-item[data-v-ac38ac37]{display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 16px;border-radius:4px;cursor:pointer;font-size:14px;color:#fff}.scores-row5 .upload-score-container .upload-form .upload-form-item .file-type-select .type-item.active[data-v-ac38ac37]{background:#aaa;color:#2b2b2b}.scores-row5 .upload-score-container .upload-form .upload-form-item .file-type-select .type-item[data-v-ac38ac37]:hover:not(.active){background:#666;color:#2b2b2b}.scores-row5 .upload-score-container .upload-file-container[data-v-ac38ac37]{background-color:#ffffff0d;padding:25px;border-radius:8px;box-sizing:border-box;width:100%}.scores-row5 .upload-score-container .upload-file-container .hidden-file-input[data-v-ac38ac37]{display:none}.scores-row5 .upload-score-container .upload-file-container .custom-file-btn[data-v-ac38ac37]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 8px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.scores-row5 .upload-score-container .upload-file-container .custom-file-btn[data-v-ac38ac37]:hover{background-color:#3a3a3a;border-color:#555;box-shadow:0 0 8px #ffffff1a}.scores-row5 .upload-score-container .upload-file-container .pdf-upload[data-v-ac38ac37],.scores-row5 .upload-score-container .upload-file-container .image-upload[data-v-ac38ac37],.scores-row5 .upload-score-container .upload-file-container .txt-upload[data-v-ac38ac37]{display:flex;flex-direction:column;gap:16px}.scores-row5 .upload-score-container .upload-file-container .image-upload .image-row[data-v-ac38ac37]{display:grid;grid-template-columns:auto 1fr 60px;align-items:center;gap:8px;width:100%;height:100%;box-sizing:border-box;flex-wrap:nowrap;min-height:32px}.scores-row5 .upload-score-container .upload-file-container .image-upload .image-row .page-num[data-v-ac38ac37]{display:flex;align-items:center;justify-content:center;width:60px;height:100%;font-size:14px;color:#666;border-radius:4px;background-color:#0003}.scores-row5 .upload-score-container .upload-file-container .image-upload .image-row .del-btn[data-v-ac38ac37]{width:60px;height:32px;border:none;border-radius:4px;background:#d9363e;color:#fff;cursor:pointer}.scores-row5 .upload-score-container .upload-file-container .image-upload .image-row .del-btn[data-v-ac38ac37]:hover{background:#ff4d4f;box-shadow:0 2px 8px #ff19194d}.scores-row5 .upload-score-container .upload-file-container .image-upload .add-row-btn[data-v-ac38ac37]{align-self:flex-start;height:36px;padding:0 24px;border:none;border-radius:4px;background:#1677ff;color:#fff;cursor:pointer}.scores-row5 .upload-score-container .upload-file-container .image-upload .add-row-btn[data-v-ac38ac37]:hover{background-color:#1d82f4;box-shadow:0 2px 8px #1964ff4d;transform:scale(1.02)}.upload-btn[data-v-ac38ac37]{width:100%;height:36px;padding:0 24px;border:none;border-radius:4px;background:#179c46;color:#fff;cursor:pointer;margin-top:16px}.upload-btn[data-v-ac38ac37]:hover{background:#1db954}.playback-indicator[data-v-ac38ac37]{position:absolute;left:0;right:0;width:100%;height:2px;pointer-events:none;border-radius:2px;background:linear-gradient(to right,#00ff8c40,#00ff8ce6,#00ff8c40);box-shadow:0 0 6px #00ff8c73;z-index:9999;transition:top .1s linear}.edit-icon[data-v-ac38ac37]{font-size:12px;color:#1db954;opacity:1;transition:none}.editable-text[data-v-ac38ac37]{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.editable-text:hover .edit-icon[data-v-ac38ac37]{opacity:1;color:#1db954}.edit-input[data-v-ac38ac37]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:8px 12px;border-radius:4px;font-size:28px;resize:none}.name-input[data-v-ac38ac37]{font-size:20px;font-weight:700;text-align:center}.edit-input[data-v-ac38ac37]:focus{outline:none;border-color:#1db954;box-shadow:0 0 8px #1db9544d}.edit-btn-group[data-v-ac38ac37]{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.inline-edit-btn-group[data-v-ac38ac37]{display:inline-flex;margin-left:8px;margin-top:0}.edit-btn[data-v-ac38ac37]{padding:4px 8px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.confirm-btn[data-v-ac38ac37]{background-color:#1db954;color:#fff}.confirm-btn[data-v-ac38ac37]:hover{background-color:#179c46}.cancel-btn[data-v-ac38ac37]{background-color:#666;color:#fff}.cancel-btn[data-v-ac38ac37]:hover{background-color:#444}@keyframes pulse-orange-ac38ac37{0%,to{background-color:#e7800099;box-shadow:0 0 8px #e74c3c1a}50%{background-color:#e78000;box-shadow:0 0 12px #e74c3c4d}}@keyframes pulse-green-ac38ac37{0%,to{box-shadow:0 0 8px #1db954cc}50%{box-shadow:0 0 12px #1db954}}.player[data-v-9b1b7fb5]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);display:flex;border-radius:12px;margin:0;padding:0;position:relative;min-height:400px;width:100%}.player-container[data-v-9b1b7fb5]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);color:#fff;padding:30px 40px;font-family:Inter,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;border-radius:12px;box-shadow:0 10px 25px #0009;width:100%;max-width:1400px;transition:all .3s ease;overflow:hidden}.player-container .player-fixed[data-v-9b1b7fb5]{bottom:0;left:0;width:100%;background:linear-gradient(135deg,#1e1e1e,#2c2c2c);z-index:1000;box-shadow:0 -4px 12px #00000080,0 -1px 4px #1db95433,0 8px 12px #00000080,0 2px 4px #1db95433;border-top-left-radius:12px;border-top-right-radius:12px;padding:12px;align-items:center;justify-content:space-between;transition:all .3s ease;flex-shrink:0}.player-container .track-scroll-area[data-v-9b1b7fb5]{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:8px;width:100%;scrollbar-width:none;box-shadow:inset 0 -4px 12px #00000080}.track-action-row[data-v-9b1b7fb5]{display:flex;margin:12px 0}.track-action-row .track-action-col1[data-v-9b1b7fb5]{display:flex;gap:12px}.track-action-row .track-action-col2[data-v-9b1b7fb5]{margin-left:auto}.song-header[data-v-9b1b7fb5]{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-bottom:10px;gap:16px}.song-header-actions[data-v-9b1b7fb5]{display:flex;flex-direction:column;gap:10px}.icon-text-btn[data-v-9b1b7fb5]{background:#3a3a3a;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.icon-text-btn[data-v-9b1b7fb5]:not(:disabled):hover{background:#6c6c6c;transform:scale(1.02)}.icon-text-btn[data-v-9b1b7fb5]:disabled{background:#3a3a3a;color:#888;cursor:not-allowed}.public-btn[data-v-9b1b7fb5]{background:#a020f0;justify-self:start}.public-btn[data-v-9b1b7fb5]:not(:disabled):hover{background:#b120f0}.favorite-btn[data-v-9b1b7fb5]{background:#f57c00;justify-self:start}.favorite-btn[data-v-9b1b7fb5]:not(:disabled):hover{background:#e67200}.song-title-area[data-v-9b1b7fb5]{text-align:center}.song-title[data-v-9b1b7fb5]{font-size:28px;font-weight:700;margin-bottom:6px;text-align:center}.editable-text[data-v-9b1b7fb5]{cursor:pointer;display:inline-flex;align-items:center;gap:4px}.edit-icon[data-v-9b1b7fb5]{font-size:12px;color:#1db954;opacity:1;transition:none}.editable-text:hover .edit-icon[data-v-9b1b7fb5]{opacity:1;color:#1db954}.edit-input[data-v-9b1b7fb5]{width:100%;background-color:#0000004d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:8px 12px;border-radius:4px;font-size:28px;resize:none}.name-input[data-v-9b1b7fb5]{font-size:28px;font-weight:700;text-align:center}.key-input[data-v-9b1b7fb5],.tempo-input[data-v-9b1b7fb5]{width:80px;text-align:center}.edit-input[data-v-9b1b7fb5]:focus{outline:none;border-color:#1db954;box-shadow:0 0 8px #1db9544d}.edit-btn-group[data-v-9b1b7fb5]{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.inline-edit-btn-group[data-v-9b1b7fb5]{display:inline-flex;margin-left:8px;margin-top:0}.edit-btn[data-v-9b1b7fb5]{padding:4px 8px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.confirm-btn[data-v-9b1b7fb5]{background-color:#1db954;color:#fff}.confirm-btn[data-v-9b1b7fb5]:hover{background-color:#179c46}.cancel-btn[data-v-9b1b7fb5]{background-color:#666;color:#fff}.cancel-btn[data-v-9b1b7fb5]:hover{background-color:#444}.song-info[data-v-9b1b7fb5]{font-size:14px;color:#aaa;margin-bottom:20px;text-align:center;gap:12px;justify-content:center;padding:10px 15px;background-color:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.info-column[data-v-9b1b7fb5]{display:flex;flex-direction:column;gap:6px}.info-line[data-v-9b1b7fb5]{margin:4px 0;display:flex;justify-content:center;align-items:center;gap:8px}.info-label[data-v-9b1b7fb5]{color:#fff;font-size:13px;font-weight:500;background-color:#ffffff1a;padding:6px;border-radius:4px}.info-value[data-v-9b1b7fb5]{color:#e0e0e0;font-size:14px}.info-unit[data-v-9b1b7fb5]{margin-left:4px;color:#e0e0e0}.info-separator[data-v-9b1b7fb5]{color:#555;margin:0 8px}.btn[data-v-9b1b7fb5]{border-radius:6px;padding:4px 8px;border:none;cursor:pointer;transition:all .2s;font-size:14px}.add-track-btn[data-v-9b1b7fb5]{background-color:#1db954;color:#fff}.add-track-btn[data-v-9b1b7fb5]:hover{background-color:#179c46;box-shadow:0 2px 8px #1db9544d;transform:scale(1.02)}.add-track-btn[data-v-9b1b7fb5]:disabled{background-color:#444;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.save-offset-btn[data-v-9b1b7fb5]{background-color:#1db954;color:#fff}.save-offset-btn[data-v-9b1b7fb5]:hover{background-color:#14883b;box-shadow:0 2px 8px #1db9544d;transform:scale(1.02)}.save-offset-btn[data-v-9b1b7fb5]:disabled{background-color:#444;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.enter-edit-btn[data-v-9b1b7fb5]{background-color:#ff4d4f;color:#fff}.enter-edit-btn[data-v-9b1b7fb5]:hover{background-color:#ff4d4f;box-shadow:0 2px 8px #ff20204d;transform:scale(1.02)}.enter-edit-btn[data-v-9b1b7fb5]:disabled{background-color:#702024;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.enter-play-btn[data-v-9b1b7fb5]{background-color:#1976d2;color:#fff}.enter-play-btn[data-v-9b1b7fb5]:hover{background-color:#1565c0;box-shadow:0 2px 8px #1976d24d;transform:scale(1.02)}.enter-play-btn[data-v-9b1b7fb5]:disabled{background-color:#445a75;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.view-score-btn[data-v-9b1b7fb5]{background-color:#1976d2;color:#fff}.view-score-btn[data-v-9b1b7fb5]:hover{background-color:#1565c0;box-shadow:0 2px 8px #1976d24d;transform:scale(1.02)}.view-score-btn[data-v-9b1b7fb5]:disabled{background-color:#445a75;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.discard-edit-btn[data-v-9b1b7fb5]{background-color:#f57c00;color:#fff}.discard-edit-btn[data-v-9b1b7fb5]:hover{background-color:#e67200;box-shadow:0 2px 8px #f57c004d;transform:scale(1.02)}.discard-edit-btn[data-v-9b1b7fb5]:disabled{background-color:#755028;color:#888;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.track-row[data-v-9b1b7fb5]{display:flex;align-items:center;gap:16px;padding:12px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.track-name[data-v-9b1b7fb5]{width:140px;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waveform-canvas[data-v-9b1b7fb5]{flex:1;height:70px;border-radius:6px;background-color:#2b2b2b;border:none}.track-controls[data-v-9b1b7fb5]{display:flex;flex-direction:column;gap:10px;align-items:center}.track-controls input[type=range][data-v-9b1b7fb5]{flex-basis:max-content;max-width:80%}.track-btn-group[data-v-9b1b7fb5]{display:flex;gap:8px}.control-btn[data-v-9b1b7fb5]{background-color:#3a3a3a;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.control-btn.active[data-v-9b1b7fb5]{background-color:#1db954;color:#fff}.control-btn[data-v-9b1b7fb5]:hover{opacity:.85}.control-btn.solo.active[data-v-9b1b7fb5]{background-color:#1db954;color:#fff}.control-btn.mute.active[data-v-9b1b7fb5]{background-color:#f7dc6f;color:#000}.modal-backdrop[data-v-9b1b7fb5]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-dialog[data-v-9b1b7fb5]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);padding:24px 32px;border-radius:12px;box-shadow:0 10px 25px #0009;text-align:center;max-width:320px;width:90%}.modal-text[data-v-9b1b7fb5]{color:#fff;font-size:16px;margin-bottom:20px}.modal-actions[data-v-9b1b7fb5]{display:flex;justify-content:center;gap:16px}.modal-actions .btn[data-v-9b1b7fb5],.modal-actions .control-btn[data-v-9b1b7fb5]{flex:1}.toast[data-v-9b1b7fb5]{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:10px;background:#141414d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eafff6;font-size:32px;font-weight:500;letter-spacing:.3px;border:1px solid rgba(29,185,84,.35);box-shadow:0 0 0 1px #1db95426,0 8px 24px #0009,0 0 12px #1db95440;z-index:2000;pointer-events:none}.toast-dot[data-v-9b1b7fb5]{width:8px;height:8px;border-radius:50%;background:#1db954;box-shadow:0 0 6px #1db954e6;flex-shrink:0}.toast-text[data-v-9b1b7fb5]{white-space:nowrap}.toast-enter-from[data-v-9b1b7fb5]{opacity:0;transform:translate(-50%) translateY(-14px)}.toast-enter-to[data-v-9b1b7fb5]{opacity:1;transform:translate(-50%) translateY(0)}.toast-enter-active[data-v-9b1b7fb5]{transition:all .25s cubic-bezier(.25,.8,.25,1)}.toast-leave-from[data-v-9b1b7fb5]{opacity:1;transform:translate(-50%) translateY(0)}.toast-leave-to[data-v-9b1b7fb5]{opacity:0;transform:translate(-50%) translateY(-8px)}.toast-leave-active[data-v-9b1b7fb5]{transition:all .45s ease}@media screen and (max-width: 1024px){.waveform-canvas[data-v-9b1b7fb5]{height:60px}}@media screen and (max-width: 768px){.player-container[data-v-9b1b7fb5]{padding:20px 16px}.song-title[data-v-9b1b7fb5],.name-input[data-v-9b1b7fb5]{font-size:24px}.song-info[data-v-9b1b7fb5]{flex-direction:column;gap:6px;width:100%;padding:8px 12px}.waveform-canvas[data-v-9b1b7fb5]{height:50px}.track-name[data-v-9b1b7fb5]{width:100px;font-size:12px}.btn[data-v-9b1b7fb5]{padding:4px 8px}}.track-list[data-v-9b1b7fb5]{display:flex;flex-direction:column;gap:8px;width:100%}[data-v-9b1b7fb5] .track-swap-move{transition:transform .3s ease}[data-v-9b1b7fb5] .track-swap-enter-from{opacity:0;transform:translateY(20px)}[data-v-9b1b7fb5] .track-swap-enter-active,[data-v-9b1b7fb5] .track-swap-leave-active{transition:opacity .3s ease,transform .3s ease}[data-v-9b1b7fb5] .track-swap-leave-active{position:absolute}.modal-mask[data-v-9b1b7fb5]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-wrapper[data-v-9b1b7fb5]{width:100%;max-width:720px;padding:16px}.modal-container[data-v-9b1b7fb5]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border:1px solid rgba(255,255,255,.1);color:#e0e0e0;border-radius:8px;box-shadow:0 10px 30px #000c;overflow:hidden}.modal-container[data-v-9b1b7fb5]::placeholder{color:#5c5c5c;opacity:1;font-size:12px}.modal-header[data-v-9b1b7fb5]{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 16px;font-size:18px;font-weight:600;margin-bottom:20px;color:#ddd;border-bottom:1px solid rgba(255,255,255,.1)}.modal-close[data-v-9b1b7fb5]{background:none;border:none;font-size:20px;cursor:pointer}.modal-body[data-v-9b1b7fb5]{padding:16px;max-height:60vh;overflow-y:auto}.modal-footer[data-v-9b1b7fb5]{padding:12px 16px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.tracks-container[data-v-9b1b7fb5]{display:flex;flex-direction:column;gap:12px}.track-item[data-v-9b1b7fb5]{display:flex;align-items:center;margin-bottom:15px;gap:8px;width:100%;box-sizing:border-box;flex-wrap:nowrap;min-height:40px}.track-input[data-v-9b1b7fb5]{flex:1 1 100px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;padding:8px;height:40px;min-width:100px;box-sizing:border-box;font-size:20px}.track-input[data-v-9b1b7fb5]::placeholder{color:#5c5c5c;opacity:1;font-size:12px}.hidden-file-input[data-v-9b1b7fb5]{display:none}.file-input-wrapper[data-v-9b1b7fb5]{flex:1 1 120px;box-sizing:border-box;min-width:120px}.custom-file-btn[data-v-9b1b7fb5]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 8px;background-color:#2b2b2b;border:1px solid #444;color:#e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.custom-file-btn[data-v-9b1b7fb5]:hover{background-color:#3a3a3a;border-color:#555;box-shadow:0 0 8px #ffffff1a}.control-btn[data-v-9b1b7fb5]{height:32px;padding:0 12px;border-radius:6px;border:none;cursor:pointer}.add-btn[data-v-9b1b7fb5]{background:#1677ff;color:#fff}.upload-btn[data-v-9b1b7fb5]{background:#52c41a;color:#fff}.remove-btn[data-v-9b1b7fb5]{background-color:#ff4d4f;color:#fff;padding:6px 8px;flex-shrink:0;min-width:60px;width:60px;font-size:12px}.remove-btn[data-v-9b1b7fb5]:hover{background-color:#d9363e}.button-group[data-v-9b1b7fb5]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:nowrap;width:100%;box-sizing:border-box;align-items:center}.time-sig-modal[data-v-9b1b7fb5]{background:linear-gradient(135deg,#1e1e1e,#2c2c2c);border:1px solid rgba(255,255,255,.1);color:#e0e0e0;border-radius:8px;box-shadow:0 10px 30px #000c;width:300px;overflow:hidden}.time-sig-picker[data-v-9b1b7fb5]{display:flex;justify-content:center;align-items:center;height:400px;padding:20px;gap:20px}.picker-column[data-v-9b1b7fb5]{flex:1;height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.picker-column[data-v-9b1b7fb5]::-webkit-scrollbar{display:none}.picker-item[data-v-9b1b7fb5]{font-size:24px;color:#888;cursor:pointer;padding:5px 15px;border-radius:4px;transition:all .2s}.picker-item[data-v-9b1b7fb5]:hover{color:#fff;background:#ffffff1a}.picker-item.active[data-v-9b1b7fb5]{color:#1db954;font-weight:700;font-size:32px}.picker-divider[data-v-9b1b7fb5]{font-size:40px;color:#555}.picker-footer[data-v-9b1b7fb5]{padding:12px 16px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}.picker-button-group[data-v-9b1b7fb5]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:nowrap;width:100%;box-sizing:border-box;align-items:center}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}