.music-textarea[data-v-367856fc]{display:flex;flex-direction:column;gap:20px}.lyrics-view[data-v-367856fc],.tags-view[data-v-367856fc]{position:relative;border-radius:8px;border:1px solid #ccc}.lyrics-textarea[data-v-367856fc],.tags-textarea[data-v-367856fc]{width:100%;font-size:16px;resize:none;padding:15px;border:0}textarea[data-v-367856fc]:focus-visible{outline:none}.tags-container[data-v-367856fc]{display:flex;overflow-x:auto;gap:10px;padding:10px 15px;padding-bottom:8px}.tag[data-v-367856fc]{padding:5px 10px;background-color:#f0f0f0;border-radius:20px;cursor:pointer;white-space:nowrap;transition:background-color .3s}.tag[data-v-367856fc]:hover{background-color:#d0d0d0}.char-counter[data-v-367856fc]{position:absolute;right:12px;bottom:-8px;color:#718096;font-size:.875rem;background:hsla(0,0%,100%,.9);padding:2px 8px;border-radius:4px}.textarea-input-icon[data-v-367856fc]{position:absolute;right:12px;bottom:12px;z-index:2}.set-button[data-v-367856fc]{width:1.5rem;height:1.5rem;padding:.1rem;color:var(--text-02)}.styled-input[data-v-367856fc]{width:100%;padding:14px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;background:#fff}.limit-exceeded[data-v-367856fc]{color:#e53e3e;font-weight:700}.input-container[data-v-3eba3bda]{display:flex;flex-direction:column;position:relative}.lyrics-input[data-v-3eba3bda]{position:relative}textarea[data-v-3eba3bda]{width:100%;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit}textarea[data-v-3eba3bda]:focus{outline:none;border-color:#2196f3}.char-counter[data-v-3eba3bda]{position:absolute;right:12px;bottom:65px;color:#718096;font-size:.875rem;background:hsla(0,0%,100%,.9);padding:2px 8px;border-radius:4px}.char-counter.limit-exceeded[data-v-3eba3bda]{color:#ef4444;font-weight:500}.generate-btn[data-v-3eba3bda]{position:relative;margin-top:1.5rem;padding:14px 32px;border:none;border-radius:12px;background:#961df3;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}.generate-btn .btn-text[data-v-3eba3bda]{position:relative;z-index:2;letter-spacing:.5px}.generate-btn .hover-effect[data-v-3eba3bda],.generate-btn[data-v-3eba3bda]:not(:disabled):hover{opacity:.7}.generate-btn:not(:disabled):hover .hover-effect[data-v-3eba3bda]{width:200px;height:200px}.generate-btn[data-v-3eba3bda]:disabled{background:linear-gradient(135deg,#cbd5e0,#94a3b8);color:#f8fafc;cursor:not-allowed;box-shadow:none;opacity:.9}.input-container[data-v-7f1e70d3]{display:flex;flex-direction:column}.styled-input[data-v-7f1e70d3]{width:100%;padding:14px 15px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;background:#fff}.styled-input[data-v-7f1e70d3]:focus{outline:none;border-color:#2196f3}.styled-input[data-v-7f1e70d3]::-moz-placeholder{color:#94a3b8;font-weight:400}.styled-input[data-v-7f1e70d3]::placeholder{color:#94a3b8;font-weight:400}.styled-input[data-v-7f1e70d3]:disabled{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.styled-input.error[data-v-7f1e70d3]{border-color:#ef4444}.styled-input.error[data-v-7f1e70d3]:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.generate-btn[data-v-7f1e70d3]{margin-top:1rem;padding:12px 24px;background:#2196f3;border-radius:6px;transition:all .3s}.generate-btn[data-v-7f1e70d3]:disabled{background:#94a3b8;opacity:.7}.generate-btn[data-v-7f1e70d3]:not(:disabled):hover{background:#1976d2;transform:translateY(-1px)}.generate-btn[data-v-7f1e70d3]{position:relative;padding:14px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px rgba(33,150,243,.2),0 1px 3px rgba(0,0,0,.08),inset 0 -2px 4px rgba(0,0,0,.1)}.generate-btn .btn-text[data-v-7f1e70d3]{position:relative;z-index:2;letter-spacing:.5px}.generate-btn .hover-effect[data-v-7f1e70d3]{position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.15);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.generate-btn[data-v-7f1e70d3]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(33,150,243,.25),0 3px 6px rgba(0,0,0,.1),inset 0 -2px 4px rgba(0,0,0,.1)}.generate-btn:not(:disabled):hover .hover-effect[data-v-7f1e70d3]{width:200px;height:200px}.generate-btn[data-v-7f1e70d3]:not(:disabled):active{transform:translateY(1px);box-shadow:0 2px 4px rgba(33,150,243,.2),inset 0 2px 4px rgba(0,0,0,.1)}.generate-btn[data-v-7f1e70d3]:disabled{background:linear-gradient(135deg,#cbd5e0,#94a3b8);color:#f8fafc;cursor:not-allowed;box-shadow:none;opacity:.9}.generate-btn[data-v-7f1e70d3]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;border:2px solid hsla(0,0%,100%,.1)}[data-v-e116f3a4]:root{--color-primary:#ff5777;--color-secondary:#898b90;--color-white:#000;--color-black:#fff;--color-title-primary:#000;--color-title-secondary:#000;--color-white-actual:#fff;--color-black-actual:#000;--background-color-primary:#fff;--background-color-secondary:#fafafb;--background-color-tertiary:#fff;--background-color-card:#fafafb;--border-color-base:#e5e5e8;--border-width-base:1px;--border-style-base:solid;--border-base:var(--border-width-base) var(--border-style-base) var(--border-color-base);--color-text-primary:#9d9ca1;--color-text-secondary:#666;--color-text-tertiary:var(--color-white);--color-text-quaternary:var(--color-primary);--menuBg:#fafafb;--menuHover:#e5e5e8;--menuSelected:#e5e5e8;--sub-color-tertiary:#fafafb;--queryPanelBg:#fff;--border-query-selected-color:#1253fe;--border-color-Selected:#a0cfff;--border-color-query:#e5e5e8;--volume-progress:#62656d;--scroll-bar-color:#bfbfbf;--ui-background:#fff;--ui-background-transparent:hsla(0,0%,100%,0);--row-gradient-overlay-background-normal:linear-gradient(270deg,var(--ui-background),var(--ui-background-transparent));--ui-01:#fafafb;--ui-01-transparent:rgba(250,250,251,0);--text-01:#121214;--text-02:#63656d;--hover-ui:#e5e5e8;--ui-03:#e5e5e8;--ui-04:#c8c9cc;--support-background-info:#edf9ff;--row-background-hover:var(--ui-01);--row-gradient-overlay-background-hover:linear-gradient(270deg,var(--ui-01),var(--ui-01-transparent));--row-background-focused:var(--support-background-info);--row-gradient-overlay-background-focused:linear-gradient(270deg,var(--support-background-info),var(--support-background-info-transparent));--row-background-error:var(--support-background-error);--row-gradient-overlay-background-error:linear-gradient(270deg,var(--support-background-error),var(--support-background-error-transparent));--field-01:#fff;--field-02:#e5e5e8;--support-background-error-transparent:rgba(255,240,240,0);--support-background-error:#fff0f0;--support-background-info-transparent:rgba(237,249,255,0);--support-background-success:#eeffe0;--support-background-tip:#f7edff;--support-background-warning:#fffcde;--support-content-error:#e81d01;--default-hover:#e5e5e8;--color-success:#1dca65}[data-theme=dark][data-v-e116f3a4],[data-v-e116f3a4]:root{--tt-progress-color:#1253fe;--menuText:#b0b1b5;--menuActiveText:#5467b6;--subMenuActiveText:#f4f4f5;--sub-color-primary:#03f;--sub-color-secondary:#202324;--selectBg:#03f;--selectMenuBg:#26292b;--querySelectedBg:#1253fe;--queryPanelCloseHoverBg:#03f;--sideBarWidth:210px;--sideBarDuration:0.28s;--text-04:#fff;--default-border:#c8c9cc;--focus:#bee1ff;--primary:#03f;--selected-border-color:transparent;--primary-hover:#0029cc;--disabled-01:#e5e5e8;--disabled-02:#81838a;--text-disabled:#a6a8ad}[data-theme=dark][data-v-e116f3a4]{--color-primary:#ff5777;--color-secondary:#898b90;--color-white:#fff;--color-black:#000;--color-title-primary:#fff;--color-title-secondary:#ccc;--color-white-actual:#fff;--color-black-actual:#000;--background-color-primary:#101013;--background-color-secondary:#292430;--background-color-tertiary:#100f13;--background-color-card:#232426;--border-color-base:#2d2c2f;--border-width-base:1px;--border-style-base:solid;--border-base:var(--border-width-base) var(--border-style-base) var(--border-color-base);--color-text-primary:#9d9ca1;--color-text-secondary:#666;--color-text-tertiary:var(--color-white);--color-text-quaternary:var(--color-primary);--menuBg:#26292b;--menuHover:#45464d;--menuSelected:#55565c;--sub-color-tertiary:#000a33;--queryPanelBg:#2f3236;--border-query-selected-color:#1253fe;--border-color-Selected:#a0cfff;--border-color-query:#45464d;--volume-progress:#fff;--scroll-bar-color:#555;--ui-05:#121214;--ui-background-transparent:hsla(0,0%,100%,0);--row-gradient-overlay-background-normal:linear-gradient(270deg,var(--ui-05),var(--ui-background-transparent));--ui-01-transparent:rgba(250,250,251,0);--ui-01:#202324;--text-01:#fff;--text-02:#fff;--hover-ui:#46464e;--ui-03:#202324;--ui-04:#46464e;--ui-background:#101013;--support-background-info:#000a33;--row-background-hover:var(--ui-01);--row-gradient-overlay-background-hover:linear-gradient(270deg,var(--ui-01),var(--ui-01-transparent));--row-background-focused:var(--support-background-info);--row-gradient-overlay-background-focused:linear-gradient(270deg,var(--support-background-info),var(--support-background-info-transparent));--row-background-error:var(--support-background-error);--row-gradient-overlay-background-error:linear-gradient(270deg,var(--support-background-error),var(--support-background-error-transparent));--field-01:#303236;--field-02:#44464d;--support-background-error-transparent:rgba(255,240,240,0);--support-background-error:#fff0f0;--support-background-info-transparent:rgba(237,249,255,0);--support-background-success:#eeffe0;--support-background-tip:#f7edff;--support-background-warning:#fffcde;--support-content-error:#e81d01;--default-hover:#46464e;--color-success:#1dca65}.switch-container[data-v-e116f3a4]{position:relative;border-radius:46px;overflow:hidden;box-sizing:border-box;border:1px solid grey;box-shadow:0 4px 10px 0 hsla(0,0%,82.7%,.3);cursor:pointer;transition:background-color .3s ease}.track[data-v-e116f3a4]{position:absolute;width:50%;height:100%;border-radius:46px;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-group[data-v-e116f3a4]{position:relative;display:flex;height:100%}.button[data-v-e116f3a4]{flex:1;font-size:15px;line-height:20px;transition:color .3s ease;z-index:2}.button[data-v-e116f3a4],.pagination[data-v-422ae16e]{display:flex;align-items:center;justify-content:center}.pagination[data-v-422ae16e]{gap:3px}button[data-v-422ae16e]{padding:4px 10px;font-size:16px;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:4px}button[data-v-422ae16e]:disabled{color:#aaa;cursor:not-allowed}.page-input[data-v-422ae16e]{width:auto;text-align:center;padding:4px;border:1px solid #ccc;border-radius:4px}.page-input.no-spinner[data-v-422ae16e]::-webkit-inner-spin-button,.page-input.no-spinner[data-v-422ae16e]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-input.no-spinner[data-v-422ae16e]{-moz-appearance:textfield}.search-container[data-v-6b28252e]{display:flex;align-items:center;border:1px solid #ccc;padding:4px 8px;width:250px;border-radius:32px;position:relative}.search-icon[data-v-6b28252e]{margin-right:6px;display:flex;align-items:center;color:#888}.search-input[data-v-6b28252e]{border:none;outline:none;flex:1;font-size:16px}.spinner[data-v-6b28252e]{width:16px;height:16px;border:2px solid #ccc;border-top-color:#409eff;border-radius:50%;animation:spin-6b28252e .6s linear infinite;position:absolute;right:10px}@keyframes spin-6b28252e{to{transform:rotate(1turn)}}.dropdown-wrapper[data-v-3ad8107d]{position:relative;display:inline-block;width:240px;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-selected[data-v-3ad8107d]{border:1px solid #ccc;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#fff;display:flex;justify-content:space-between}.arrow[data-v-3ad8107d]{color:#999}.dropdown-menu[data-v-3ad8107d]{position:absolute;top:100%;left:0;z-index:10;width:100%;background:#fff;border:1px solid #ccc;margin-top:4px;border-radius:4px;max-height:200px;overflow:auto}.dropdown-item[data-v-3ad8107d]{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer}.dropdown-item[data-v-3ad8107d]:hover{background-color:#f0f0f0}.icon[data-v-3ad8107d]{width:20px;text-align:center}.label[data-v-3ad8107d]{flex:1}.check[data-v-3ad8107d]{color:#409eff;font-weight:700}.music-generator[data-v-335efdf6]{position:relative}.results[data-v-335efdf6]{margin-top:30px}.music-list[data-v-335efdf6]{display:grid;gap:10px}.music-item[data-v-335efdf6]{padding-right:10px;border:1px solid #e0e0e0;border-radius:8px;background:#eff1f5;transition:all .2s ease;cursor:pointer}.music-item[data-v-335efdf6]:hover{opacity:.7}.music-item:hover .play-btn[data-v-335efdf6]{display:flex}.music-item-active[data-v-335efdf6]{background:grey}.active-btn[data-v-335efdf6]{display:flex!important}.loading[data-v-335efdf6]{padding:20px;text-align:center;color:#666}.left-gen[data-v-335efdf6]{position:fixed;left:0;width:500px;top:60px;height:calc(100vh - 60px);overflow-y:auto;padding:0 2rem;background:#fff;z-index:1000}.mode-switcher[data-v-335efdf6]{justify-content:center;display:flex;padding:10px 0;margin-bottom:12px;border-bottom:1px solid grey}.mode-btn[data-v-335efdf6]{position:relative;padding:1.2rem 2rem;border:none;border-radius:10px;background:transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.8rem;color:#64748b;font-weight:500;overflow:hidden}.mode-btn .highlight-bar[data-v-335efdf6]{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#2196f3;transform:translateY(100%);transition:transform .3s}.mode-btn.active[data-v-335efdf6]{background:#fff;color:#1e3a8a;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.05)}.mode-btn.active .highlight-bar[data-v-335efdf6]{transform:translateY(0)}.mode-btn[data-v-335efdf6]:not(.active):hover{background:rgba(241,245,249,.8);transform:translateY(-2px)}.mode-btn .icon[data-v-335efdf6]{font-size:1.2rem;transition:transform .2s}.mode-btn.active .icon[data-v-335efdf6]{transform:scale(1.1)}.left-gen[data-v-335efdf6]{width:480px;padding-right:2rem;border-right:1px solid #e2e8f0}.right-gen[data-v-335efdf6]{margin-left:500px}@media (max-width:768px){.left-gen[data-v-335efdf6]{position:static;width:100%;height:auto;background:transparent;padding:0;border:0}.right-gen[data-v-335efdf6]{margin-left:0;padding-left:0}.mode-switcher[data-v-335efdf6]{flex-direction:column}}.player-controls[data-v-335efdf6]{display:flex;flex-direction:row;gap:1rem;align-items:center;height:90px}.custom-controls[data-v-335efdf6]{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.play-btn[data-v-335efdf6]{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-size:1.2em;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3)}.play-btn[data-v-335efdf6]:hover{background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.15)}.play-btn[data-v-335efdf6]:active{transform:translate(-50%,-50%) scale(.95)}.play-btn[data-v-335efdf6]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:2px solid hsla(0,0%,100%,.1)}@keyframes pulse-335efdf6{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.2)}to{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}}.play-btn[data-v-335efdf6]:not(:active):hover{animation:pulse-335efdf6 1.5s infinite}.progress-container[data-v-335efdf6]{flex-grow:1;height:6px;background:#e2e8f0;border-radius:3px;cursor:pointer;position:relative}.progress-bar[data-v-335efdf6]{height:100%;background:#2196f3;border-radius:3px;transition:width .1s linear;position:relative}.time-tooltip[data-v-335efdf6]{position:absolute;bottom:20px;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none}.time-display[data-v-335efdf6]{font-size:.9rem;color:#64748b;min-width:100px;text-align:center;font-family:monospace}.cover-image[data-v-335efdf6]{width:65px;height:100%;border-radius:8px;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.1)}.cover-container[data-v-335efdf6]{position:relative;width:65px;height:90px;flex-shrink:0}.controls-right[data-v-335efdf6]{flex:1;min-width:0;display:flex}.duration[data-v-335efdf6]{position:absolute;bottom:0;right:.2rem;font-size:14px;font-weight:700;color:#fff;background-color:rgba(14,8,8,.5)}.loading-overlay[data-v-335efdf6]{position:relative;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;z-index:2;width:65px}.spinner[data-v-335efdf6]{width:40px;height:40px;border:4px solid #fff;border-top:4px solid #86cdf9;border-radius:50%;animation:spin-335efdf6 1s linear infinite}@keyframes spin-335efdf6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.title-wrapper[data-v-335efdf6]{display:flex;align-items:center;gap:8px}h4[data-v-335efdf6]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.set-button[data-v-335efdf6]{width:2rem;height:2rem;padding:.1rem .4rem;color:var(--text-02)}.set-button[data-v-335efdf6]:hover{background:transparent;color:var(--text-01);border-color:transparent}.song-title[data-v-335efdf6]{font-weight:700;color:var(--text-02)}.song-tags[data-v-335efdf6]{font-size:14px}.search-music[data-v-335efdf6]{display:flex;flex-direction:row;gap:20px;height:38px}.line[data-v-335efdf6]{height:1px;background:#ccc}