.sfx-generator[data-v-d71e86f8]{max-width:900px;margin:0 auto;padding:2rem 1rem}.auth-required[data-v-d71e86f8]{text-align:center;padding:2rem;background:var(--vp-c-bg-soft);border-radius:12px}.auth-thumbnail[data-v-d71e86f8]{margin-bottom:1.5rem;width:100%}.auth-thumbnail img[data-v-d71e86f8]{width:100%;aspect-ratio:16 / 9;border-radius:8px;object-fit:cover}.auth-required h2[data-v-d71e86f8]{margin-bottom:1rem}.auth-required p[data-v-d71e86f8]{color:var(--vp-c-text-2);margin-bottom:2rem}.login-btn[data-v-d71e86f8]{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-d71e86f8]:hover{background:var(--vp-c-brand-dark)}}.generator-content[data-v-d71e86f8]{display:flex;flex-direction:column;gap:2rem}.input-section[data-v-d71e86f8]{background:var(--vp-c-bg-soft);padding:1.5rem;border-radius:12px}.prompt-group[data-v-d71e86f8]{margin-bottom:1.5rem}.prompt-group label[data-v-d71e86f8]{display:block;font-weight:600;margin-bottom:.5rem}.prompt-group textarea[data-v-d71e86f8]{width:100%;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;resize:vertical;font-family:inherit}.prompt-group textarea[data-v-d71e86f8]:focus{outline:none;border-color:var(--vp-c-brand)}.options-row[data-v-d71e86f8]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 640px){.options-row[data-v-d71e86f8]{grid-template-columns:1fr}}.duration-group label[data-v-d71e86f8],.influence-group label[data-v-d71e86f8]{display:block;font-weight:500;margin-bottom:.5rem;font-size:.875rem}.duration-presets[data-v-d71e86f8]{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.duration-btn[data-v-d71e86f8]{padding:.375rem .75rem;border:1px solid var(--vp-c-divider);border-radius:6px;background:var(--vp-c-bg);color:var(--vp-c-text-2);font-size:.8rem;cursor:pointer;transition:all .2s}@media (hover: hover){.duration-btn[data-v-d71e86f8]:hover:not(:disabled){border-color:var(--vp-c-brand-light)}}.duration-btn.selected[data-v-d71e86f8]{background:var(--vp-c-brand);color:#fff;border-color:var(--vp-c-brand)}.duration-btn[data-v-d71e86f8]:disabled{opacity:.5;cursor:not-allowed}.duration-custom[data-v-d71e86f8]{display:flex;align-items:center;gap:1rem}.duration-custom input[type=range][data-v-d71e86f8]{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-d71e86f8]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--vp-c-brand);border-radius:50%;cursor:pointer}.duration-value[data-v-d71e86f8]{font-size:.875rem;color:var(--vp-c-text-2);min-width:40px}.influence-slider[data-v-d71e86f8]{display:flex;align-items:center;gap:.5rem}.influence-slider input[type=range][data-v-d71e86f8]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--vp-c-divider);border-radius:3px;cursor:pointer}.influence-slider input[type=range][data-v-d71e86f8]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--vp-c-brand);border-radius:50%;cursor:pointer}.influence-label[data-v-d71e86f8]{font-size:.75rem;color:var(--vp-c-text-3)}.influence-value[data-v-d71e86f8]{font-size:.875rem;color:var(--vp-c-text-2);margin-top:.25rem}.generate-btn[data-v-d71e86f8]{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-d71e86f8]:hover:not(:disabled){background:var(--vp-c-brand-dark)}}.generate-btn[data-v-d71e86f8]:disabled{opacity:.5;cursor:not-allowed}.upgrade-btn[data-v-d71e86f8]{background:linear-gradient(135deg,#a855f7,#7c3aed)!important;text-align:center;text-decoration:none}@media (hover: hover){.upgrade-btn[data-v-d71e86f8]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf659}}.spinner[data-v-d71e86f8]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-d71e86f8 .8s linear infinite}@keyframes spin-d71e86f8{to{transform:rotate(360deg)}}.status-section[data-v-d71e86f8]{margin-top:1rem;scroll-margin-top:80px}.status-card[data-v-d71e86f8]{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-d71e86f8]{border-left-color:var(--vp-c-danger-1)}.status-card.complete[data-v-d71e86f8]{border-left-color:var(--vp-c-green-1)}.status-header[data-v-d71e86f8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-label[data-v-d71e86f8]{font-weight:600}.progress-bar[data-v-d71e86f8]{height:4px;background:var(--vp-c-divider);border-radius:2px;overflow:hidden}.progress-fill[data-v-d71e86f8]{height:100%;background:var(--vp-c-brand);transition:width .3s ease}.progress-fill.indeterminate[data-v-d71e86f8]{width:30%;animation:indeterminate-d71e86f8 1.5s ease-in-out infinite}@keyframes indeterminate-d71e86f8{0%{transform:translate(-100%)}to{transform:translate(400%)}}.error-message[data-v-d71e86f8]{color:var(--vp-c-danger-1);margin-top:.5rem;font-size:.875rem}.result-section[data-v-d71e86f8]{display:flex;flex-direction:column;gap:1rem}.result-section[data-v-d71e86f8] .generation-card{max-width:400px}.result-actions[data-v-d71e86f8]{display:flex;gap:1rem;flex-wrap:wrap}.download-btn[data-v-d71e86f8],.copy-btn[data-v-d71e86f8]{padding:.625rem 1.25rem;border-radius:6px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.download-btn[data-v-d71e86f8]{background:var(--vp-c-brand);color:#fff;border:none}@media (hover: hover){.download-btn[data-v-d71e86f8]:hover{background:var(--vp-c-brand-dark)}}.copy-btn[data-v-d71e86f8]{background:var(--vp-c-bg);color:var(--vp-c-text-1);border:1px solid var(--vp-c-divider)}@media (hover: hover){.copy-btn[data-v-d71e86f8]:hover{border-color:var(--vp-c-brand)}}.examples-section[data-v-d71e86f8]{background:var(--vp-c-bg-soft);padding:1.5rem;border-radius:12px}.examples-section h3[data-v-d71e86f8]{margin:0 0 1rem;font-size:1rem}.examples-grid[data-v-d71e86f8]{display:flex;flex-wrap:wrap;gap:.5rem}.example-btn[data-v-d71e86f8]{padding:.5rem .75rem;border:1px solid var(--vp-c-divider);border-radius:6px;background:var(--vp-c-bg);color:var(--vp-c-text-2);font-size:.8rem;cursor:pointer;transition:all .2s}@media (hover: hover){.example-btn[data-v-d71e86f8]:hover:not(:disabled){border-color:var(--vp-c-brand);color:var(--vp-c-text-1)}}.example-btn[data-v-d71e86f8]:disabled{opacity:.5;cursor:not-allowed}