.header-editor[data-v-4da4368c]{display:flex;align-items:stretch;gap:25px}.header-editor__label[data-v-4da4368c]{writing-mode:vertical-rl;text-align:center;font-size:1.2rem;font-weight:700;min-width:24px}.header-editor__inputs[data-v-4da4368c]{display:flex;gap:40px;flex:1;min-width:0}.header-editor__col[data-v-4da4368c]{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.header-editor__btn-row[data-v-4da4368c]{display:flex;gap:10px}.header-editor__btn-row .button[data-v-4da4368c]{flex:1;border-radius:10px}.header-editor__btn--narrow[data-v-4da4368c]{flex:.5;border-radius:10px}.header-editor__output[data-v-4da4368c]{flex:1;min-width:180px}.header-editor__output textarea[data-v-4da4368c]{width:100%;height:100%;min-height:192px;resize:none;overflow-y:auto;font-size:.95rem;border:1px solid var(--input-border);border-radius:4px;background:var(--input-bg);box-shadow:var(--shadow);padding:8px;font-family:inherit;transition:all .5s ease;color:var(--text-color);line-height:1.5}.header-editor__output textarea[data-v-4da4368c]::placeholder{font-weight:700;color:var(--input-placeholder)}@media(max-width:1023px){.header-editor[data-v-4da4368c]{flex-wrap:wrap}.header-editor__label[data-v-4da4368c]{writing-mode:horizontal-tb;min-width:auto;text-align:center;width:100%;padding-bottom:6px;font-size:1.1rem}.header-editor__inputs[data-v-4da4368c]{width:100%}.header-editor__output[data-v-4da4368c]{width:100%;flex:none}.header-editor__output textarea[data-v-4da4368c]{min-height:120px}}@media(max-width:767px){.header-editor[data-v-4da4368c]{flex-direction:column;align-items:stretch;gap:0}.header-editor__label[data-v-4da4368c]{font-size:1.05rem;padding-bottom:10px;writing-mode:horizontal-tb;width:100%;min-width:auto;text-align:center}.header-editor__inputs[data-v-4da4368c]{flex-direction:row;gap:14px;flex:none;width:100%}.header-editor__col[data-v-4da4368c]{gap:12px;flex:1;min-width:0;width:auto}.header-editor__btn-row[data-v-4da4368c]{gap:10px}.header-editor__btn-row .button[data-v-4da4368c],.header-editor__btn--narrow[data-v-4da4368c]{flex:1;padding:12px 0;font-size:.95rem}.header-editor__output[data-v-4da4368c]{margin-top:18px;width:100%;flex:none}.header-editor__output textarea[data-v-4da4368c]{min-height:150px;font-size:.95rem;border-radius:10px}}.action-bar[data-v-e3a42504]{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:28px}.action-bar__row[data-v-e3a42504]{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;width:100%}.action-bar__row .button[data-v-e3a42504]{flex:0 1 auto}@media(max-width:1023px){.action-bar[data-v-e3a42504]{gap:12px;margin-top:24px}.action-bar__row[data-v-e3a42504]{gap:10px}}@media(max-width:767px){.action-bar[data-v-e3a42504]{flex-direction:column;align-items:flex-start;overflow-x:auto;overflow-y:hidden;gap:10px;margin-top:20px;padding:0 16px 8px;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.action-bar__row[data-v-e3a42504]{display:flex;gap:10px;flex-wrap:nowrap;width:max-content;justify-content:flex-start}.action-bar__row .button[data-v-e3a42504]{flex:0 0 auto;white-space:nowrap;padding:12px 16px;font-size:.9rem}.action-bar[data-v-e3a42504]::-webkit-scrollbar{display:none}.action-bar[data-v-e3a42504]{scrollbar-width:none;-ms-overflow-style:none}}.lyrics-panel[data-v-b0e7b141]{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:36px;padding:0}.lyrics-panel__group[data-v-b0e7b141]{display:flex;flex-direction:column;flex:1;min-width:240px;max-width:400px;min-height:400px}.lyrics-panel__label[data-v-b0e7b141]{font-size:1rem;font-weight:700;margin-bottom:8px;text-align:center;color:var(--text-color);flex-shrink:0}.lyrics-panel__ta[data-v-b0e7b141]{flex:1;resize:vertical;overflow-y:auto;font-size:.95rem;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);box-shadow:var(--shadow);padding:12px;min-height:360px;font-family:inherit;transition:all .5s ease;line-height:1.5}.lyrics-panel__ta[data-v-b0e7b141]:focus{border-color:#3498db;box-shadow:var(--shadow-focus);transform:scale(1.02);outline:none}.lyrics-panel__ta[data-v-b0e7b141]::placeholder{font-weight:700;color:var(--input-placeholder)}@media(max-width:1023px){.lyrics-panel__group[data-v-b0e7b141]{flex:0 0 calc(50% - 10px);min-height:400px}}@media(max-width:767px){.lyrics-panel[data-v-b0e7b141]{flex-wrap:nowrap;gap:16px;margin-top:24px;padding:0 16px 10px;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;-webkit-overflow-scrolling:touch}.lyrics-panel__group[data-v-b0e7b141]{flex:0 0 300px;min-height:400px;max-width:none}.lyrics-panel__label[data-v-b0e7b141]{font-size:1rem;margin-bottom:8px}.lyrics-panel__ta[data-v-b0e7b141]{padding:12px;font-size:.95rem}.lyrics-panel[data-v-b0e7b141]::-webkit-scrollbar{display:none}.lyrics-panel[data-v-b0e7b141]{scrollbar-width:none;-ms-overflow-style:none}}.modal-fade-enter-active[data-v-bc71b349],.modal-fade-leave-active[data-v-bc71b349]{transition:opacity .25s ease}.modal-fade-enter-from[data-v-bc71b349],.modal-fade-leave-to[data-v-bc71b349]{opacity:0}.modal-overlay[data-v-bc71b349]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-box[data-v-bc71b349]{background:var(--modal-bg);color:var(--text-color);border-radius:10px;box-shadow:var(--modal-shadow);display:flex;flex-direction:column;width:400px;max-height:90vh;animation:modal-in-bc71b349 .2s ease}.modal-box--small[data-v-bc71b349]{width:320px}.modal-box--large[data-v-bc71b349]{width:500px}@keyframes modal-in-bc71b349{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-box__header[data-v-bc71b349]{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--modal-border);font-weight:700;font-size:1.1rem}.modal-box__x[data-v-bc71b349]{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-color);padding:0 4px;line-height:1}.modal-box__body[data-v-bc71b349]{flex:1;padding:15px;overflow-y:auto}.modal-box__footer[data-v-bc71b349]{padding:10px 15px;border-top:1px solid var(--modal-border);display:flex;justify-content:flex-end;gap:12px}.confirm-body[data-v-f9cf9dba]{text-align:center;padding:10px 0}.confirm-body p[data-v-f9cf9dba]{margin-bottom:20px;line-height:1.5}.confirm-actions[data-v-f9cf9dba]{display:flex;justify-content:center;gap:15px}.app-shell[data-v-1bdb0460]{min-height:100vh;overflow-x:hidden}.theme-btn[data-v-1bdb0460]{position:fixed;right:20px;top:20px;z-index:1000;width:44px;height:44px;border-radius:50%;border:none;background:var(--input-bg);box-shadow:0 4px 12px #0003;cursor:pointer;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .4s ease,box-shadow .4s ease,transform .2s ease;padding:0}.theme-btn[data-v-1bdb0460]:active{transform:scale(.92)}.theme-btn.rotating[data-v-1bdb0460]{animation:theme-pop-1bdb0460 .35s ease}@keyframes theme-pop-1bdb0460{0%{transform:scale(1)}40%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.app-header[data-v-1bdb0460]{padding:40px 20px 20px;text-align:center;background:var(--header-bg);text-shadow:var(--text-shadow);transition:background-color .5s ease}.app-header h1[data-v-1bdb0460]{font-size:2.5rem;font-weight:700;color:var(--h1-color);margin:0}.app-main[data-v-1bdb0460]{max-width:1200px;margin:0 auto;padding:36px 24px}.app-footer[data-v-1bdb0460]{text-align:center;margin-top:40px;color:var(--text-color);padding-bottom:30px;font-size:.9rem;opacity:.7}.modal-section-title[data-v-1bdb0460]{text-align:center;width:100%;margin:10px 0;font-size:1.05rem}.setting-grid[data-v-1bdb0460]{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:10px}.setting-option[data-v-1bdb0460]{display:inline-flex;align-items:center;gap:4px;min-width:90px;text-align:center;margin:2px;cursor:pointer}.modal-btn-stack[data-v-1bdb0460]{display:flex;flex-direction:column;gap:10px}.toast[data-v-1bdb0460]{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 24px;border-radius:8px;font-size:.95rem;z-index:99999;box-shadow:0 4px 12px #0000004d;pointer-events:none;white-space:nowrap}[data-theme=dark] .toast[data-v-1bdb0460]{background:#555}.toast-fade-enter-active[data-v-1bdb0460],.toast-fade-leave-active[data-v-1bdb0460]{transition:opacity .3s ease,transform .3s ease}.toast-fade-enter-from[data-v-1bdb0460],.toast-fade-leave-to[data-v-1bdb0460]{opacity:0;transform:translate(-50%) translateY(10px)}@media(max-width:1023px){.app-header[data-v-1bdb0460]{padding:32px 20px 16px}.app-header h1[data-v-1bdb0460]{font-size:2rem}.app-main[data-v-1bdb0460]{padding:28px 20px}}@media(max-width:767px){.app-shell[data-v-1bdb0460]{padding-top:0}.theme-btn[data-v-1bdb0460]{right:14px;top:14px;width:40px;height:40px;font-size:1.2rem}.app-header[data-v-1bdb0460]{padding:28px 16px 14px}.app-header h1[data-v-1bdb0460]{font-size:1.6rem}.app-main[data-v-1bdb0460]{padding:20px 16px 32px}.app-footer[data-v-1bdb0460]{margin-top:36px;padding:0 16px 24px;font-size:.8rem}.toast[data-v-1bdb0460]{bottom:24px;padding:14px 28px;font-size:1rem;white-space:normal;max-width:85vw;text-align:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;transition:background-color .5s ease,color .5s ease;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-color: #ffffff;--text-color: #333333;--input-bg: #ffffff;--input-border: #ddd;--input-placeholder: #999;--header-bg: #ffffff;--h1-color: #2c3e50;--shadow: 0 8px 16px rgba(0, 0, 0, .2);--shadow-hover: 0 10px 20px rgba(0, 0, 0, .3);--shadow-focus: 0 6px 8px rgba(52, 152, 219, .2);--modal-bg: #ffffff;--modal-shadow: 0 10px 25px rgba(0, 0, 0, .2);--modal-border: #ddd;--btn-primary-bg: #003366;--btn-primary-text: #ffffff;--btn-hover-bg: #7e8a8b;--btn-hover-text: #ecf0f1;--btn-danger-bg: #e74c3c;--btn-back-bg: #7e8a8b;--transition-theme: background-color .5s ease, color .5s ease;--text-shadow: 0 4px 8px rgba(0, 0, 0, .1);--toast-bg: #333}[data-theme=dark]{--bg-color: #121212;--text-color: #ffffff;--input-bg: #1e1e1e;--input-border: #444;--input-placeholder: #aaa;--header-bg: #1e1e1e;--h1-color: #ffffff;--shadow: 0 8px 16px rgba(255, 255, 255, .05);--shadow-hover: 0 10px 20px rgba(255, 255, 255, .08);--shadow-focus: 0 6px 8px rgba(52, 152, 219, .2);--modal-bg: #1e1e1e;--modal-shadow: 0 10px 25px rgba(0, 0, 0, .5);--modal-border: #444;--text-shadow: none;--toast-bg: #555}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:1rem;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:10px;cursor:pointer;box-shadow:var(--shadow);transition:all .3s ease;font-family:inherit;-webkit-user-select:none;user-select:none;min-height:44px}.button:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-text);box-shadow:var(--shadow-hover)}.button:active{transform:scale(.97)}.button--danger{background-color:var(--btn-danger-bg)}.button--danger:hover{background-color:#c0392b;color:#fff}.button--back{background-color:var(--btn-back-bg);color:#ecf0f1}.button--back:hover{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}input[type=text]{width:100%;padding:10px 12px;font-size:1rem;border:1px solid var(--input-border);border-radius:10px;background-color:var(--input-bg);color:var(--text-color);box-shadow:var(--shadow);height:44px;transition:all .3s ease;font-family:inherit}input[type=text]::placeholder{font-weight:700;color:var(--input-placeholder)}input[type=text]:focus{border-color:#3498db;box-shadow:var(--shadow-focus);transform:scale(1.02);outline:none}textarea{font-family:inherit;color:var(--text-color);background-color:var(--input-bg);border:1px solid var(--input-border);transition:all .5s ease}textarea::placeholder{font-weight:700;color:var(--input-placeholder)}textarea:focus{border-color:#3498db;box-shadow:var(--shadow-focus);transform:scale(1.02);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#555}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-15{margin-bottom:15px}@media(max-width:767px){input[type=text]{height:48px;padding:12px 14px;font-size:1rem}.button{min-height:48px;padding:12px 18px;font-size:1rem}}
