.music-generator[data-v-bb5848d9]{max-width:900px;margin:0 auto;padding:2rem 1rem}.auth-required[data-v-bb5848d9]{text-align:center;padding:2rem;background:var(--vp-c-bg-soft);border-radius:12px}.auth-thumbnail[data-v-bb5848d9]{margin-bottom:1.5rem;width:100%}.auth-thumbnail img[data-v-bb5848d9]{width:100%;aspect-ratio:16 / 9;border-radius:8px;object-fit:cover}.auth-required h2[data-v-bb5848d9]{margin-bottom:1rem}.auth-required p[data-v-bb5848d9]{color:var(--vp-c-text-2);margin-bottom:2rem}.login-btn[data-v-bb5848d9]{display:inline-block;padding:.75rem 2rem;background:var(--vp-c-brand);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}@media (hover: hover){.login-btn[data-v-bb5848d9]:hover{background:var(--vp-c-brand-dark)}}.generator-content[data-v-bb5848d9]{display:flex;flex-direction:column;gap:2rem}.input-section[data-v-bb5848d9]{background:var(--vp-c-bg-soft);padding:1.5rem;border-radius:12px}.prompt-group[data-v-bb5848d9],.lyrics-group[data-v-bb5848d9],.mode-group[data-v-bb5848d9],.duration-group[data-v-bb5848d9]{margin-bottom:1.5rem}.prompt-group label[data-v-bb5848d9],.lyrics-group label[data-v-bb5848d9],.mode-group label[data-v-bb5848d9],.duration-group label[data-v-bb5848d9]{display:block;font-weight:600;margin-bottom:.5rem}.mode-group[data-v-bb5848d9]{margin-bottom:1rem}.vocal-suggestion[data-v-bb5848d9]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px solid rgba(139,92,246,.3);border-radius:8px;margin-bottom:1rem}.copyright-warning[data-v-bb5848d9]{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.4);border-radius:8px;margin-bottom:1rem}.warning-icon[data-v-bb5848d9]{flex-shrink:0;color:#f59e0b;margin-top:2px}.warning-text[data-v-bb5848d9]{font-size:.875rem;color:var(--vp-c-text-1);line-height:1.4}.suggestion-icon[data-v-bb5848d9]{flex-shrink:0;color:#8b5cf6}.suggestion-text[data-v-bb5848d9]{flex:1;min-width:200px;font-size:.875rem;color:var(--vp-c-text-1)}.suggestion-btn[data-v-bb5848d9]{padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.suggestion-btn.primary[data-v-bb5848d9]{background:var(--vp-c-brand);color:#fff;border:none}@media (hover: hover){.suggestion-btn.primary[data-v-bb5848d9]:hover{background:var(--vp-c-brand-dark)}}.suggestion-btn.dismiss[data-v-bb5848d9]{background:transparent;color:var(--vp-c-text-2);border:1px solid var(--vp-c-divider)}@media (hover: hover){.suggestion-btn.dismiss[data-v-bb5848d9]:hover{background:var(--vp-c-bg);color:var(--vp-c-text-1)}}.mode-toggle[data-v-bb5848d9]{display:inline-flex;gap:.25rem;background:var(--vp-c-bg);padding:2px;border-radius:6px;border:1px solid rgba(139,92,246,.5)}.mode-btn[data-v-bb5848d9]{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:4px;background:transparent;color:var(--vp-c-text-3);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}@media (hover: hover){.mode-btn[data-v-bb5848d9]:hover:not(:disabled):not(.selected){color:var(--vp-c-text-2)}}.mode-btn.selected[data-v-bb5848d9]{background:linear-gradient(135deg,#8b5cf699,#a855f766);color:#fff;box-shadow:0 0 8px #8b5cf680,0 0 0 1px #8b5cf699}.mode-btn[data-v-bb5848d9]:disabled{opacity:.5;cursor:not-allowed}.label-hint[data-v-bb5848d9]{font-weight:400;font-size:.85rem;color:var(--vp-c-text-3);margin-left:.5rem}.lyrics-header[data-v-bb5848d9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.generate-lyrics-btn[data-v-bb5848d9]{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--vp-c-bg);border:1px solid var(--vp-c-brand);border-radius:6px;color:var(--vp-c-brand);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}@media (hover: hover){.generate-lyrics-btn[data-v-bb5848d9]:hover:not(:disabled){background:var(--vp-c-brand);color:#fff}}.generate-lyrics-btn[data-v-bb5848d9]:disabled{opacity:.5;cursor:not-allowed}.lyrics-error[data-v-bb5848d9]{color:var(--vp-c-danger-1);font-size:.8rem;margin-top:.5rem}.editable-input[data-v-bb5848d9]{width:100%;min-height:3em;padding:.75rem;border:1px solid var(--vp-c-divider);border-radius:8px;background:var(--vp-c-bg);color:var(--vp-c-text-1);font-size:1rem;font-family:inherit;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.editable-input[data-v-bb5848d9]:focus{outline:none;border-color:var(--vp-c-brand)}.editable-input.empty[data-v-bb5848d9]:before{content:attr(data-placeholder);color:var(--vp-c-text-3);pointer-events:none;white-space:pre-wrap}.editable-input.disabled[data-v-bb5848d9]{opacity:.6;pointer-events:none}.editable-input.lyrics-input[data-v-bb5848d9]{font-family:monospace;font-size:.8rem;min-height:6em}.prompt-tips[data-v-bb5848d9]{margin-top:.5rem;font-size:.8rem;color:var(--vp-c-text-3);line-height:1.5}.prompt-tips .tip-label[data-v-bb5848d9]{font-weight:600;color:var(--vp-c-text-2)}.prompt-tips strong[data-v-bb5848d9]{color:var(--vp-c-text-2);font-weight:500}.duration-presets[data-v-bb5848d9]{display:inline-flex;gap:.25rem;background:var(--vp-c-bg);padding:2px;border-radius:6px;border:1px solid rgba(139,92,246,.5);margin-bottom:.75rem}.duration-btn[data-v-bb5848d9]{padding:.375rem .75rem;border:none;border-radius:4px;background:transparent;color:var(--vp-c-text-3);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}@media (hover: hover){.duration-btn[data-v-bb5848d9]:hover:not(:disabled):not(.selected){color:var(--vp-c-text-2)}}.duration-btn.selected[data-v-bb5848d9]{background:linear-gradient(135deg,#8b5cf699,#a855f766);color:#fff;box-shadow:0 0 8px #8b5cf680,0 0 0 1px #8b5cf699}.duration-btn[data-v-bb5848d9]:disabled{opacity:.5;cursor:not-allowed}.duration-custom[data-v-bb5848d9]{display:flex;align-items:center;gap:1rem}.duration-custom input[type=range][data-v-bb5848d9]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--vp-c-divider);border-radius:3px;cursor:pointer}.duration-custom input[type=range][data-v-bb5848d9]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--vp-c-brand);border-radius:50%;cursor:pointer}.duration-value[data-v-bb5848d9]{font-size:.875rem;color:var(--vp-c-text-2);min-width:60px}.generate-btn[data-v-bb5848d9]{width:100%;padding:.875rem;background:var(--vp-c-brand);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (hover: hover){.generate-btn[data-v-bb5848d9]:hover:not(:disabled){background:var(--vp-c-brand-dark)}}.generate-btn[data-v-bb5848d9]:disabled{opacity:.5;cursor:not-allowed}.upgrade-btn[data-v-bb5848d9]{background:linear-gradient(135deg,#a855f7,#7c3aed)!important;text-align:center;text-decoration:none}@media (hover: hover){.upgrade-btn[data-v-bb5848d9]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf659}}.user-agreement[data-v-bb5848d9]{margin-top:.75rem;font-size:.8rem;color:var(--vp-c-text-3);line-height:1.4}.user-agreement a[data-v-bb5848d9]{color:var(--vp-c-brand);text-decoration:none}@media (hover: hover){.user-agreement a[data-v-bb5848d9]:hover{text-decoration:underline}}.spinner[data-v-bb5848d9]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-bb5848d9 .8s linear infinite}@keyframes spin-bb5848d9{to{transform:rotate(360deg)}}.status-section[data-v-bb5848d9]{margin-top:1rem;scroll-margin-top:80px}.status-card[data-v-bb5848d9]{background:var(--vp-c-bg-soft);padding:1rem 1.5rem;border-radius:8px;border-left:4px solid var(--vp-c-brand)}.status-card.error[data-v-bb5848d9]{border-left-color:var(--vp-c-danger-1)}.status-card.complete[data-v-bb5848d9]{border-left-color:var(--vp-c-green-1)}.status-header[data-v-bb5848d9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-label[data-v-bb5848d9]{font-weight:600}.status-time[data-v-bb5848d9]{font-size:.875rem;color:var(--vp-c-text-2)}.progress-bar[data-v-bb5848d9]{height:6px;background:var(--vp-c-divider);border-radius:3px;overflow:hidden}.progress-fill[data-v-bb5848d9]{height:100%;background:var(--vp-c-brand);position:relative;overflow:hidden}.progress-fill[data-v-bb5848d9]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer-bb5848d9 1.5s ease-in-out infinite}@keyframes shimmer-bb5848d9{0%{transform:translate(0)}to{transform:translate(200%)}}.error-message[data-v-bb5848d9]{color:var(--vp-c-danger-1);margin-top:.5rem;font-size:.875rem}.result-section.full-width[data-v-bb5848d9]{padding:0}.result-section.full-width[data-v-bb5848d9] .generation-card{max-width:100%;border-radius:12px}.pro-upsell[data-v-bb5848d9]{margin-top:1rem;background:linear-gradient(135deg,#8b5cf614,#ec48990f);border:1px solid rgba(139,92,246,.25);border-radius:12px;padding:1rem 1.25rem;position:relative}.upsell-badge[data-v-bb5848d9]{position:absolute;top:-10px;left:16px;padding:.2rem .6rem;background:#f59e0be6;color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.upsell-content[data-v-bb5848d9]{text-align:center}.upsell-headline[data-v-bb5848d9]{margin:.5rem 0 .25rem;font-size:1.05rem;font-weight:600;color:var(--vp-c-text-1)}.upsell-sub[data-v-bb5848d9]{margin:0 0 .75rem;font-size:.875rem;color:var(--vp-c-text-2)}.upsell-use-cases[data-v-bb5848d9]{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1rem}.use-case[data-v-bb5848d9]{padding:.3rem .7rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);border-radius:999px;font-size:.8rem;font-weight:500;color:var(--vp-c-text-1);cursor:pointer;transition:all .2s ease}@media (hover: hover){.use-case[data-v-bb5848d9]:hover{background:#8b5cf62e;border-color:#8b5cf666}}.use-case.active[data-v-bb5848d9]{background:#8b5cf640;border-color:#8b5cf699;color:#c084fc}.use-case-explainer[data-v-bb5848d9]{background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem;text-align:left}.explainer-title[data-v-bb5848d9]{font-size:.95rem;font-weight:600;color:#c084fc;margin-bottom:.5rem}.explainer-benefits[data-v-bb5848d9]{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.explainer-benefits li[data-v-bb5848d9]{display:flex;align-items:flex-start;gap:.45rem;font-size:.85rem;color:var(--vp-c-text-2);line-height:1.35}.benefit-icon[data-v-bb5848d9]{color:#22c55e;font-size:.8rem;flex-shrink:0}.explainer-fade-enter-active[data-v-bb5848d9],.explainer-fade-leave-active[data-v-bb5848d9]{transition:all .2s ease}.explainer-fade-enter-from[data-v-bb5848d9],.explainer-fade-leave-to[data-v-bb5848d9]{opacity:0;transform:translateY(-6px)}.upsell-cta[data-v-bb5848d9]{display:inline-block;padding:.65rem 1.5rem;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-size:.9rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}@media (hover: hover){.upsell-cta[data-v-bb5848d9]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf659}}.upsell-cta[data-v-bb5848d9]:disabled{opacity:.6;cursor:not-allowed}.upsell-plans-link[data-v-bb5848d9]{display:block;margin-top:.6rem;font-size:.8rem;color:var(--vp-c-text-3);text-decoration:none}@media (hover: hover){.upsell-plans-link[data-v-bb5848d9]:hover{color:var(--vp-c-brand-1)}}@media (max-width: 640px){.music-generator[data-v-bb5848d9]{padding:1rem 0}.input-section[data-v-bb5848d9]{padding:1rem;border-radius:8px}.lyrics-header[data-v-bb5848d9]{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title button" "hint hint";gap:.5rem;align-items:start}.generate-lyrics-btn[data-v-bb5848d9]{white-space:nowrap;padding:.375rem .6rem;font-size:.75rem;grid-area:button;justify-self:end}.lyrics-header label[data-v-bb5848d9]{display:contents}.lyrics-header .label-title[data-v-bb5848d9]{grid-area:title}.lyrics-header .label-hint[data-v-bb5848d9]{grid-area:hint;display:block;margin-left:0;margin-top:0}.mode-toggle[data-v-bb5848d9],.duration-presets[data-v-bb5848d9]{width:100%;display:flex}.mode-btn[data-v-bb5848d9],.duration-btn[data-v-bb5848d9]{flex:1;justify-content:center;text-align:center;white-space:nowrap;line-height:1.1;padding:.5rem;min-height:2.25rem}.duration-custom[data-v-bb5848d9],.duration-custom input[type=range][data-v-bb5848d9]{width:100%}.duration-value[data-v-bb5848d9]{text-align:right}.status-card[data-v-bb5848d9]{padding:.75rem 1rem}}