@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-gradient-hover: linear-gradient(135deg, #5a6fd6 0%, #6a4190 100%);--accent-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--warning-gradient: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%);--error-gradient: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);--color-primary: #667eea;--color-primary-light: #818cf8;--color-primary-dark: #5a67d8;--color-accent: #f093fb;--color-accent-alt: #f5576c;--color-bg-deep: #0f0f1a;--color-bg-dark: #13131f;--color-bg-card: #1a1a2e;--color-bg-elevated: #242438;--color-bg-hover: #2d2d44;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--color-text-primary: #f0f0f5;--color-text-secondary: #a0a0b8;--color-text-muted: #6b6b80;--color-text-accent: #c4b5fd;--color-success: #10b981;--color-success-light: #34d399;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-error: #ef4444;--color-error-light: #f87171;--color-info: #3b82f6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 25px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(102, 126, 234, .3);--shadow-glow-accent: 0 0 40px rgba(240, 147, 251, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--container-max-width: 1400px;--container-padding: 24px}@media (max-width: 1024px){:root{--spacing-lg: 20px;--spacing-xl: 28px;--spacing-2xl: 40px;--spacing-3xl: 56px;--container-padding: 20px}}@media (max-width: 768px){:root{--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--container-padding: 16px;--radius-lg: 12px;--radius-xl: 20px}}@media (max-width: 480px){:root{--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 14px;--spacing-xl: 20px;--spacing-2xl: 28px;--spacing-3xl: 40px;--container-padding: 12px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px}}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg-deep);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(240,147,251,.1) 0%,transparent 50%),radial-gradient(ellipse 40% 60% at 0% 80%,rgba(102,126,234,.08) 0%,transparent 50%);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){body{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(240,147,251,.08) 0%,transparent 50%)}}#app{width:100%;min-height:100vh;position:relative}button{font-family:inherit;cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:var(--radius-md);font-weight:600;letter-spacing:.01em}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;color:var(--color-text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 16px;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input:focus,textarea:focus,select:focus{outline:none;background:var(--glass-bg-hover);border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33,var(--shadow-glow)}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea66,#764ba266);border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#667eea99,#764ba299)}*{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.4) rgba(255,255,255,.02)}@media (max-width: 1200px){:root{font-size:15px}}@media (max-width: 768px){:root{font-size:14px}input,textarea,select{padding:10px 14px}}@media (max-width: 480px){:root{font-size:13px}input,textarea,select{padding:8px 12px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea80,0 0 60px #f093fb4d}}@keyframes borderGlow{0%,to{border-color:#667eea4d}50%{border-color:#f093fb80}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:var(--primary-gradient);color:#fff;padding:12px 24px;font-weight:600;border-radius:var(--radius-md);border:none;box-shadow:0 4px 15px #667eea66;transition:all var(--transition-normal);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--color-text-primary);padding:12px 24px;border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-secondary:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--color-primary);transform:translateY(-1px)}.btn-accent{background:var(--accent-gradient);color:#fff;padding:12px 24px;font-weight:600;border-radius:var(--radius-md);border:none;box-shadow:0 4px 15px #f093fb66;transition:all var(--transition-normal);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f093fb80}@media (max-width: 768px){.btn-primary,.btn-secondary,.btn-accent{min-height:44px;padding:10px 20px}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-accent:hover:not(:disabled){transform:none}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-accent:active:not(:disabled){opacity:.8;transform:scale(.98)}}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.animate-border{position:relative;background:var(--glass-bg);border-radius:var(--radius-lg)}.animate-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--primary-gradient);z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.animate-border:hover:before{opacity:1}.selected{border-color:var(--color-primary)!important;background:#667eea1a!important;box-shadow:0 0 0 3px #667eea33}.hide-mobile{display:block}.show-mobile{display:none}.container-responsive{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}button,a,[role=button],input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.reduce-motion-mobile *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 480px){.hide-small{display:none!important}}.auth-modal-overlay[data-v-64a00bc4]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.auth-modal[data-v-64a00bc4]{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:28px;background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 25px 80px #00000080;position:relative;animation:modalIn-64a00bc4 .4s cubic-bezier(.4,0,.2,1)}@keyframes modalIn-64a00bc4{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn[data-v-64a00bc4]{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:#ffffff14;border-radius:50%;color:var(--color-text-muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn[data-v-64a00bc4]:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.auth-header[data-v-64a00bc4]{text-align:center;margin-bottom:24px}.logo-icon[data-v-64a00bc4]{font-size:48px;margin-bottom:12px;animation:float-64a00bc4 3s ease-in-out infinite}@keyframes float-64a00bc4{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-header h1[data-v-64a00bc4]{font-size:24px;font-weight:800;margin:0 0 8px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-64a00bc4]{color:var(--color-text-muted);font-size:14px;margin:0}.auth-tabs[data-v-64a00bc4]{display:flex;gap:6px;margin-bottom:24px;background:#ffffff08;border-radius:10px;padding:4px;border:1px solid var(--glass-border)}.tab-btn[data-v-64a00bc4]{flex:1;padding:10px 14px;border:none;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease}.tab-btn.active[data-v-64a00bc4]{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #667eea66}.tab-btn[data-v-64a00bc4]:hover:not(.active){color:var(--color-text-secondary);background:#ffffff0d}.auth-form[data-v-64a00bc4]{display:flex;flex-direction:column;gap:14px}.form-group[data-v-64a00bc4]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-64a00bc4]{font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.3px}.optional[data-v-64a00bc4]{font-weight:400;color:var(--color-text-muted)}.input-wrapper[data-v-64a00bc4]{position:relative;display:flex;align-items:center}.form-input[data-v-64a00bc4]{width:100%;padding:12px 14px;font-size:14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--color-text-primary);transition:all .3s ease}.form-input[data-v-64a00bc4]:focus{background:#ffffff14;border-color:#667eea80;outline:none;box-shadow:0 0 0 3px #667eea26}.form-input[data-v-64a00bc4]::placeholder{color:var(--color-text-muted)}.form-input[data-v-64a00bc4]:disabled{opacity:.5;cursor:not-allowed}.form-textarea[data-v-64a00bc4]{width:100%;padding:14px;font-size:13px;background:#ffffff14;border:1.5px solid var(--glass-border);border-radius:10px;color:var(--color-text-primary);transition:all .3s ease;font-family:Courier New,monospace;resize:vertical;line-height:1.6;letter-spacing:.3px;word-break:break-all;min-height:160px}.form-textarea[data-v-64a00bc4]:focus{background:#ffffff1f;border-color:#667eea99;outline:none;box-shadow:0 0 0 3px #667eea33}.form-textarea[data-v-64a00bc4]::placeholder{color:var(--color-text-muted)}.form-textarea[data-v-64a00bc4]:disabled{opacity:.6;cursor:not-allowed}.toggle-password-btn[data-v-64a00bc4]{position:absolute;right:12px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.toggle-password-btn[data-v-64a00bc4]:hover{color:var(--color-accent)}.login-method[data-v-64a00bc4]{display:flex;gap:8px}.method-btn[data-v-64a00bc4]{flex:1;padding:8px 12px;border:1px solid var(--glass-border);background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.method-btn.active[data-v-64a00bc4]{border-color:#667eea80;color:#a78bfa;background:#667eea1a}.method-btn[data-v-64a00bc4]:hover:not(.active){border-color:#fff3;color:var(--color-text-secondary)}.code-input-wrapper[data-v-64a00bc4]{display:flex;gap:10px}.code-input-wrapper .form-input[data-v-64a00bc4]{flex:1}.resend-btn[data-v-64a00bc4]{padding:12px 14px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#a78bfa;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;white-space:nowrap;transition:all .3s ease}.resend-btn[data-v-64a00bc4]:disabled{opacity:.5;cursor:not-allowed}.resend-btn[data-v-64a00bc4]:hover:not(:disabled){background:#667eea33}.back-btn[data-v-64a00bc4]{background:transparent;border:none;color:var(--color-text-muted);font-size:13px;cursor:pointer;text-align:left;padding:0;transition:color .2s ease}.back-btn[data-v-64a00bc4]:hover{color:var(--color-accent)}.dev-code-hint[data-v-64a00bc4]{padding:10px 12px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;color:#4caf50;font-size:12px}.dev-code-hint strong[data-v-64a00bc4]{font-family:SF Mono,Fira Code,monospace;letter-spacing:2px;font-size:14px}.form-hint[data-v-64a00bc4]{margin:0;font-size:12px;color:var(--color-text-muted);line-height:1.5}.success-alert[data-v-64a00bc4]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:10px;color:#4caf50;font-size:13px}.success-icon[data-v-64a00bc4]{font-size:16px;flex-shrink:0}.error-alert[data-v-64a00bc4]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:10px;color:#ff6b6b;font-size:13px}.error-icon[data-v-64a00bc4]{font-size:16px;flex-shrink:0}.submit-btn[data-v-64a00bc4]{padding:14px;font-size:14px;font-weight:700;color:#fff;background:var(--primary-gradient);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;letter-spacing:.3px}.submit-btn[data-v-64a00bc4]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #667eea66}.submit-btn[data-v-64a00bc4]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-64a00bc4]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-64a00bc4 .8s linear infinite}.spinner-small[data-v-64a00bc4]{width:14px;height:14px;border:2px solid rgba(167,139,250,.3);border-top-color:#a78bfa;border-radius:50%;animation:spin-64a00bc4 .8s linear infinite}@keyframes spin-64a00bc4{to{transform:rotate(360deg)}}.auth-footer[data-v-64a00bc4]{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--glass-border)}.footer-text[data-v-64a00bc4]{font-size:13px;color:var(--color-text-muted);margin:0}.link-btn[data-v-64a00bc4],.switch-mode-btn[data-v-64a00bc4]{background:transparent;border:none;color:var(--color-accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.link-btn[data-v-64a00bc4]:hover,.switch-mode-btn[data-v-64a00bc4]:hover{text-decoration:underline;color:#a78bfa}@media (max-width: 768px){.auth-modal[data-v-64a00bc4]{max-width:calc(100% - 32px);margin:16px;padding:28px 20px}.auth-header h1[data-v-64a00bc4]{font-size:24px}.logo-icon[data-v-64a00bc4]{font-size:46px}}@media (max-width: 480px){.auth-modal[data-v-64a00bc4]{max-width:calc(100% - 24px);margin:12px;padding:24px 16px}.auth-header h1[data-v-64a00bc4]{font-size:22px}.logo-icon[data-v-64a00bc4]{font-size:42px}.form-group label[data-v-64a00bc4]{font-size:12px}.form-input[data-v-64a00bc4]{padding:10px 12px;font-size:13px}.form-hint[data-v-64a00bc4]{font-size:11px}}@media (max-width: 360px){.auth-modal[data-v-64a00bc4]{padding:20px 14px}.auth-header h1[data-v-64a00bc4]{font-size:20px}}.generator-container[data-v-6cfd8c56]{width:100%;padding:0;display:block}.main-content[data-v-6cfd8c56]{width:100%;display:flex;gap:24px;padding:0 16px 0 0;height:calc(100vh - 190px)}.controls-panel[data-v-6cfd8c56]{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;width:360px;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.panel-header[data-v-6cfd8c56]{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.panel-title[data-v-6cfd8c56]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-text-primary);margin:0}.title-icon[data-v-6cfd8c56]{font-size:16px}.credits-mini[data-v-6cfd8c56]{display:flex;align-items:center;gap:5px;padding:5px 10px;background:linear-gradient(135deg,#667eea26,#f093fb26);border-radius:16px;font-size:12px;font-weight:700}.credits-mini .credits-icon[data-v-6cfd8c56]{font-size:12px}.credits-mini .credits-num[data-v-6cfd8c56]{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section[data-v-6cfd8c56]{display:flex;flex-direction:column;gap:8px}.section-title[data-v-6cfd8c56]{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.title-dot[data-v-6cfd8c56]{width:6px;height:6px;background:var(--primary-gradient);border-radius:50%}.mode-toggle[data-v-6cfd8c56]{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;background:#0003;border-radius:14px;position:relative}.toggle-btn[data-v-6cfd8c56]{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s;position:relative;z-index:1}.toggle-btn.active[data-v-6cfd8c56]{color:#fff}.toggle-icon[data-v-6cfd8c56]{font-size:14px}.toggle-indicator[data-v-6cfd8c56]{position:absolute;top:6px;left:6px;width:calc(50% - 10px);height:calc(100% - 12px);background:var(--primary-gradient);border-radius:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea66}.toggle-indicator.right[data-v-6cfd8c56]{transform:translate(calc(100% + 8px))}.template-grid[data-v-6cfd8c56]{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:200px;overflow-y:auto;padding-right:4px}.template-card[data-v-6cfd8c56]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .2s}.template-card[data-v-6cfd8c56]:hover{background:#ffffff0f;border-color:#ffffff1a}.template-card.selected[data-v-6cfd8c56]{background:#667eea26;border-color:#667eea66}.template-icon[data-v-6cfd8c56]{font-size:24px}.template-info[data-v-6cfd8c56]{flex:1;min-width:0}.template-name[data-v-6cfd8c56]{font-size:13px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-desc[data-v-6cfd8c56]{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-check[data-v-6cfd8c56]{width:20px;height:20px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center}.template-check svg[data-v-6cfd8c56]{width:12px;height:12px;color:#fff}.type-cards[data-v-6cfd8c56]{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;background:#0003;border-radius:14px;position:relative}.type-card[data-v-6cfd8c56]{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;color:var(--color-text-secondary);font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s}.type-card[data-v-6cfd8c56]:hover{color:var(--color-text-primary)}.type-card.active[data-v-6cfd8c56]{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #667eea66}.type-icon[data-v-6cfd8c56]{font-size:14px}.type-label[data-v-6cfd8c56]{font-size:12px;font-weight:600}.textarea-wrapper[data-v-6cfd8c56]{position:relative}.prompt-input[data-v-6cfd8c56]{width:100%;min-height:60px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--color-text-primary);font-size:13px;line-height:1.4;resize:vertical;transition:all .3s}.prompt-input[data-v-6cfd8c56]:focus{outline:none;background:#ffffff0d;border-color:#667eea80;box-shadow:0 0 0 3px #667eea26}.prompt-input[data-v-6cfd8c56]::placeholder{color:var(--color-text-muted)}.char-counter[data-v-6cfd8c56]{position:absolute;bottom:10px;right:12px;font-size:11px;color:var(--color-text-muted)}.upload-zone[data-v-6cfd8c56]{position:relative;border:2px dashed rgba(102,126,234,.3);border-radius:12px;padding:16px;text-align:center;background:#667eea0d;transition:all .3s;cursor:pointer}.upload-zone[data-v-6cfd8c56]:hover{border-color:#667eea80;background:#667eea14}.upload-zone.has-image[data-v-6cfd8c56]{border-style:solid;border-color:#10b98166;background:#10b9810d}.file-input[data-v-6cfd8c56]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-placeholder[data-v-6cfd8c56]{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon[data-v-6cfd8c56]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.upload-icon svg[data-v-6cfd8c56]{width:24px;height:24px;color:var(--color-primary)}.upload-text[data-v-6cfd8c56]{font-size:13px;font-weight:600;color:var(--color-text-primary)}.upload-hint[data-v-6cfd8c56]{font-size:11px;color:var(--color-text-muted)}.upload-preview[data-v-6cfd8c56]{position:relative}.preview-image[data-v-6cfd8c56]{max-width:100%;max-height:120px;border-radius:8px;object-fit:cover}.remove-btn[data-v-6cfd8c56]{position:absolute;top:-6px;right:-6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 2px 8px #ef444466;z-index:10;padding:0;flex-shrink:0}.remove-btn svg[data-v-6cfd8c56]{width:12px;height:12px}.uploaded-images-grid[data-v-6cfd8c56]{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.uploaded-image-item[data-v-6cfd8c56]{position:relative;width:70px;height:70px;border-radius:8px;overflow:visible}.uploaded-image-item img[data-v-6cfd8c56]{width:100%;height:100%;object-fit:cover;border-radius:8px}.uploaded-image-item .remove-btn[data-v-6cfd8c56]{width:24px;height:24px;top:-6px;right:-6px}.uploaded-image-item .remove-btn svg[data-v-6cfd8c56]{width:12px;height:12px}.add-more-zone[data-v-6cfd8c56]{width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed rgba(102,126,234,.3);border-radius:8px;background:#667eea0d;cursor:pointer;transition:all .3s}.add-more-zone[data-v-6cfd8c56]:hover{border-color:#667eea80;background:#667eea1a}.add-more-zone svg[data-v-6cfd8c56]{width:24px;height:24px;color:var(--color-primary)}.add-more-zone span[data-v-6cfd8c56]{font-size:10px;color:var(--color-text-muted)}.upload-count[data-v-6cfd8c56]{font-size:11px;color:var(--color-text-muted);margin-top:8px}.ratio-grid[data-v-6cfd8c56]{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.ratio-btn[data-v-6cfd8c56]{padding:8px 2px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--color-text-secondary);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s}.ratio-btn[data-v-6cfd8c56]:hover{background:#ffffff0f}.ratio-btn.active[data-v-6cfd8c56]{background:var(--primary-gradient);border-color:transparent;color:#fff}.quality-options[data-v-6cfd8c56]{display:flex;gap:8px}.quality-btn[data-v-6cfd8c56]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.quality-btn[data-v-6cfd8c56]:hover{background:#ffffff0f}.quality-btn.active[data-v-6cfd8c56]{background:linear-gradient(135deg,#667eea33,#f093fb26);border-color:#667eea66}.quality-name[data-v-6cfd8c56]{font-weight:600;font-size:12px}.quality-cost[data-v-6cfd8c56]{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--color-text-secondary)}.cost-icon[data-v-6cfd8c56]{font-size:9px}.summary-card[data-v-6cfd8c56]{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}.summary-row[data-v-6cfd8c56]{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.summary-label[data-v-6cfd8c56]{font-size:12px;color:var(--color-text-secondary)}.summary-value[data-v-6cfd8c56]{font-size:12px;font-weight:600;color:var(--color-text-primary)}.summary-divider[data-v-6cfd8c56]{height:1px;background:#ffffff0f;margin:6px 0}.summary-row.total[data-v-6cfd8c56]{padding-top:10px}.summary-cost[data-v-6cfd8c56]{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-warning[data-v-6cfd8c56]{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:11px}.summary-warning svg[data-v-6cfd8c56]{width:14px;height:14px;flex-shrink:0}.error-toast[data-v-6cfd8c56]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;font-size:13px;animation:fadeIn-6cfd8c56 .3s}.error-toast svg[data-v-6cfd8c56]{width:18px;height:18px;flex-shrink:0}.generate-btn[data-v-6cfd8c56]{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #667eea66;position:relative;overflow:hidden}.generate-btn[data-v-6cfd8c56]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s}.generate-btn[data-v-6cfd8c56]:hover:not(:disabled):before{opacity:1}.generate-btn[data-v-6cfd8c56]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #667eea80}.generate-btn[data-v-6cfd8c56]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-6cfd8c56]{font-size:16px}.btn-text[data-v-6cfd8c56]{font-size:14px}.btn-shortcut[data-v-6cfd8c56]{font-size:11px;opacity:.7;margin-left:8px;padding:4px 8px;background:#ffffff26;border-radius:6px}.btn-loading[data-v-6cfd8c56]{display:flex;gap:6px}.loading-dot[data-v-6cfd8c56]{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse-6cfd8c56 1.4s ease-in-out infinite}.loading-dot[data-v-6cfd8c56]:nth-child(2){animation-delay:.2s}.loading-dot[data-v-6cfd8c56]:nth-child(3){animation-delay:.4s}.preview-panel[data-v-6cfd8c56]{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:18px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-state[data-v-6cfd8c56]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.loading-state[data-v-6cfd8c56]{gap:24px}.loader[data-v-6cfd8c56]{position:relative;width:64px;height:64px}.loader-ring[data-v-6cfd8c56]{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:#667eea;border-radius:50%;animation:spin-6cfd8c56 1.2s linear infinite}.loader-ring[data-v-6cfd8c56]:nth-child(2){top:8px;right:8px;bottom:8px;left:8px;border-top-color:#f093fb;animation-duration:1.5s;animation-direction:reverse}.loader-ring[data-v-6cfd8c56]:nth-child(3){top:16px;right:16px;bottom:16px;left:16px;border-top-color:#a78bfa;animation-duration:2s}.loader-icon[data-v-6cfd8c56]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px}.state-title[data-v-6cfd8c56]{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.state-desc[data-v-6cfd8c56]{font-size:14px;color:var(--color-text-secondary);margin:0}.result-state[data-v-6cfd8c56]{gap:24px}.result-images-grid[data-v-6cfd8c56]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:100%;margin-bottom:16px}.result-image-item[data-v-6cfd8c56]{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s}.result-image-item img[data-v-6cfd8c56]{width:100%;height:100%;object-fit:cover}.result-image-item[data-v-6cfd8c56]:hover{border-color:#ffffff4d;transform:scale(1.05)}.result-image-item.selected[data-v-6cfd8c56]{border-color:var(--color-primary);box-shadow:0 0 15px #667eea80}.result-image-item .image-index[data-v-6cfd8c56]{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}.result-image-wrapper[data-v-6cfd8c56]{max-width:100%;max-height:85vh}.result-image[data-v-6cfd8c56]{max-width:100%;max-height:85vh;width:auto;height:auto;border-radius:16px;box-shadow:0 20px 60px #00000080;animation:fadeIn-6cfd8c56 .5s}.result-actions[data-v-6cfd8c56]{display:flex;gap:12px}.action-btn[data-v-6cfd8c56]{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.action-btn svg[data-v-6cfd8c56]{width:18px;height:18px}.action-btn.primary[data-v-6cfd8c56]{background:var(--primary-gradient);border:none;color:#fff;box-shadow:0 4px 15px #667eea66}.action-btn.primary[data-v-6cfd8c56]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.action-btn.secondary[data-v-6cfd8c56]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-primary)}.action-btn.secondary[data-v-6cfd8c56]:hover{background:#ffffff1a}.empty-state[data-v-6cfd8c56]{padding:60px 40px}.welcome-content[data-v-6cfd8c56]{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px}.welcome-illustration[data-v-6cfd8c56]{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.illustration-icon[data-v-6cfd8c56]{font-size:96px;animation:floatBounce-6cfd8c56 3s ease-in-out infinite}@keyframes floatBounce-6cfd8c56{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(5deg)}}.welcome-title[data-v-6cfd8c56]{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0}.welcome-desc[data-v-6cfd8c56]{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin:0}.tips-card[data-v-6cfd8c56]{width:100%;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;text-align:left}.tips-title[data-v-6cfd8c56]{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.tips-list[data-v-6cfd8c56]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tips-list li[data-v-6cfd8c56]{font-size:13px;color:var(--color-text-secondary);padding-left:20px;position:relative}.tips-list li[data-v-6cfd8c56]:before{content:"→";position:absolute;left:0;color:var(--color-primary)}.template-preview[data-v-6cfd8c56]{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;padding:20px}.preview-title[data-v-6cfd8c56]{font-size:26px;font-weight:700;color:var(--color-text-primary);margin:0}.comparison-container[data-v-6cfd8c56]{display:flex;align-items:center;gap:40px;width:100%;max-width:none}.comparison-side[data-v-6cfd8c56]{flex:1;display:flex;flex-direction:column;gap:16px}.comparison-label[data-v-6cfd8c56]{font-size:14px;font-weight:600;color:var(--color-text-secondary);text-align:center}.comparison-frame[data-v-6cfd8c56]{aspect-ratio:1;border-radius:20px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.comparison-frame.result[data-v-6cfd8c56]{border-color:#667eea4d;box-shadow:0 0 30px #667eea26}.comparison-frame img[data-v-6cfd8c56]{width:100%;height:100%;object-fit:cover}.comparison-arrow[data-v-6cfd8c56]{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:50%}.comparison-arrow svg[data-v-6cfd8c56]{width:24px;height:24px;color:#fff}.placeholder-frame[data-v-6cfd8c56]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-text-muted)}.placeholder-icon[data-v-6cfd8c56]{font-size:48px;opacity:.5}.preview-desc[data-v-6cfd8c56]{font-size:15px;color:var(--color-text-secondary);line-height:1.6;text-align:center;max-width:600px;margin:0}.loading-templates[data-v-6cfd8c56],.no-templates[data-v-6cfd8c56]{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--color-text-muted);font-size:14px}.loading-spinner-small[data-v-6cfd8c56]{width:20px;height:20px;border:2px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin-6cfd8c56 .8s linear infinite}.empty-icon[data-v-6cfd8c56]{font-size:24px;opacity:.5}@keyframes spin-6cfd8c56{to{transform:rotate(360deg)}}@keyframes pulse-6cfd8c56{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn-6cfd8c56{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 1200px){.generator-container[data-v-6cfd8c56]{padding:var(--container-padding)}.main-content[data-v-6cfd8c56]{gap:16px}}@media (max-width: 1100px){.main-content[data-v-6cfd8c56]{flex-direction:column;max-width:100%;gap:24px;height:auto}.controls-panel[data-v-6cfd8c56]{position:static;width:100%;max-height:none;overflow-y:visible;overflow-x:visible}.preview-panel[data-v-6cfd8c56]{min-height:400px}}@media (max-width: 768px){.generator-container[data-v-6cfd8c56]{padding:var(--container-padding)}.main-content[data-v-6cfd8c56]{padding:0 20px;flex-direction:column;gap:20px}.controls-panel[data-v-6cfd8c56]{width:100%;padding:16px;gap:14px}.section-title[data-v-6cfd8c56]{font-size:11px}.mode-toggle[data-v-6cfd8c56]{gap:6px;padding:5px}.toggle-btn[data-v-6cfd8c56]{padding:8px 10px;font-size:11px}.toggle-icon[data-v-6cfd8c56]{font-size:13px}.ratio-grid[data-v-6cfd8c56]{grid-template-columns:repeat(5,1fr);gap:6px}.ratio-btn[data-v-6cfd8c56]{padding:8px 6px;font-size:10px}.template-grid[data-v-6cfd8c56]{grid-template-columns:1fr;gap:6px;max-height:180px}.template-card[data-v-6cfd8c56]{padding:8px 10px;gap:8px}.template-icon[data-v-6cfd8c56]{font-size:20px}.template-name[data-v-6cfd8c56]{font-size:12px}.template-desc[data-v-6cfd8c56]{font-size:10px}.comparison-container[data-v-6cfd8c56]{flex-direction:column;gap:12px}.comparison-arrow[data-v-6cfd8c56]{transform:rotate(90deg)}.preview-panel[data-v-6cfd8c56]{min-height:360px}.result-actions[data-v-6cfd8c56]{gap:8px}.action-btn[data-v-6cfd8c56]{padding:10px 14px;font-size:12px}}@media (max-width: 480px){.generator-container[data-v-6cfd8c56]{padding:var(--container-padding)}.main-content[data-v-6cfd8c56]{padding:0 16px;gap:16px}.controls-panel[data-v-6cfd8c56]{padding:12px;gap:12px}.toggle-text[data-v-6cfd8c56]{display:none}.toggle-btn[data-v-6cfd8c56]{padding:8px}.toggle-icon[data-v-6cfd8c56]{font-size:16px}.ratio-grid[data-v-6cfd8c56]{grid-template-columns:repeat(4,1fr);gap:4px}.ratio-btn[data-v-6cfd8c56]{padding:6px 4px;font-size:9px}.size-selector[data-v-6cfd8c56]{gap:4px}.size-btn[data-v-6cfd8c56]{padding:6px 10px;font-size:11px}.template-grid[data-v-6cfd8c56]{max-height:150px}.template-card[data-v-6cfd8c56]{padding:6px 8px}.template-icon[data-v-6cfd8c56]{font-size:18px}.preview-panel[data-v-6cfd8c56]{padding:12px;min-height:320px}.result-actions[data-v-6cfd8c56]{flex-direction:column;width:100%;gap:6px}.action-btn[data-v-6cfd8c56]{justify-content:center;width:100%;padding:10px}.btn-shortcut[data-v-6cfd8c56]{display:none}.result-meta[data-v-6cfd8c56]{font-size:10px}}@media (max-width: 360px){.main-content[data-v-6cfd8c56]{padding:0 12px;gap:12px}.controls-panel[data-v-6cfd8c56]{padding:10px;gap:10px}.ratio-grid[data-v-6cfd8c56]{grid-template-columns:repeat(3,1fr)}.size-selector[data-v-6cfd8c56]{flex-direction:column}.size-btn[data-v-6cfd8c56]{width:100%}.template-name[data-v-6cfd8c56]{font-size:11px}.preview-panel[data-v-6cfd8c56]{min-height:280px}}.redeem-link[data-v-6cfd8c56]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:4px 12px;border-radius:12px;font-size:12px;cursor:pointer;margin-left:8px;transition:all .2s}.redeem-link[data-v-6cfd8c56]:hover{transform:scale(1.05);box-shadow:0 2px 8px #667eea66}.history-container[data-v-c1831c62]{width:100%;padding:32px;display:flex;flex-direction:column;height:calc(100vh - 190px);overflow-y:auto}h1[data-v-c1831c62]{text-align:left;font-size:28px;font-weight:800;margin-bottom:32px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-message[data-v-c1831c62]{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:14px 18px;border-radius:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message button[data-v-c1831c62]{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.error-message button[data-v-c1831c62]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.loading[data-v-c1831c62]{text-align:center;padding:50px;font-size:16px;color:var(--color-text-muted)}.empty-state[data-v-c1831c62]{text-align:center;padding:60px 20px;color:var(--color-text-muted);font-size:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.history-content[data-v-c1831c62]{display:flex;flex-direction:column;gap:0;flex:1}.records-grid[data-v-c1831c62]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;margin-bottom:32px}.record-card[data-v-c1831c62]{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.record-card[data-v-c1831c62]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #667eea40;border-color:#667eea80}.image-wrapper[data-v-c1831c62]{width:100%;height:200px;overflow:hidden;background:#0003;position:relative}.multi-image-badge[data-v-c1831c62]{position:absolute;top:8px;right:8px;background:#000000bf;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;z-index:2}.multi-image-badge[data-v-c1831c62]:before{content:"📷 "}.image-wrapper[data-v-c1831c62]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.6) 100%);z-index:1;pointer-events:none}.record-image[data-v-c1831c62]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.record-card:hover .record-image[data-v-c1831c62]{transform:scale(1.05)}.record-info[data-v-c1831c62]{padding:18px;display:flex;flex-direction:column;gap:10px}.mode-badge[data-v-c1831c62]{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;margin-bottom:8px}.mode-badge.text-to-image[data-v-c1831c62]{background:linear-gradient(135deg,#667eea33,#764ba233);color:#a78bfa}.mode-badge.image-editing[data-v-c1831c62]{background:linear-gradient(135deg,#f093fb33,#f5576c33);color:#f093fb}.prompt-preview[data-v-c1831c62]{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-meta[data-v-c1831c62]{display:flex;gap:8px;margin-top:8px;font-size:11px}.size-badge[data-v-c1831c62],.time-badge[data-v-c1831c62]{background:#ffffff0d;padding:3px 8px;border-radius:5px;color:var(--color-text-muted)}.pagination[data-v-c1831c62]{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;background:transparent;margin-top:auto}.page-btn[data-v-c1831c62]{padding:10px 20px;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-bg);color:var(--color-text-secondary);cursor:pointer;font-weight:600;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.page-btn[data-v-c1831c62]:hover:not(:disabled){background:#667eea26;border-color:#667eea80;color:#a78bfa;transform:translateY(-2px)}.page-btn[data-v-c1831c62]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-c1831c62]{display:flex;gap:6px}.page-number[data-v-c1831c62]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-bg);color:var(--color-text-secondary);cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.page-number[data-v-c1831c62]:hover{background:#667eea26;border-color:#667eea80;transform:translateY(-2px)}.page-number.active[data-v-c1831c62]{background:var(--primary-gradient);color:#fff;border-color:transparent}.page-ellipsis[data-v-c1831c62]{padding:0 8px;color:var(--color-text-muted)}.total-info[data-v-c1831c62]{text-align:center;color:var(--color-text-muted);font-size:13px;margin-top:16px}.modal-overlay[data-v-c1831c62]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content[data-v-c1831c62]{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn-c1831c62 .3s ease}@keyframes modalFadeIn-c1831c62{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn[data-v-c1831c62]{position:absolute;top:14px;right:14px;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;font-size:14px;color:var(--color-text-muted);cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn[data-v-c1831c62]:hover{background:#fff3;color:#fff}.modal-body[data-v-c1831c62]{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.modal-image-section[data-v-c1831c62]{display:flex;flex-direction:column;gap:12px}.output-images-grid[data-v-c1831c62]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.output-thumb[data-v-c1831c62]{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s}.output-thumb img[data-v-c1831c62]{width:100%;height:100%;object-fit:cover}.output-thumb[data-v-c1831c62]:hover{border-color:#ffffff4d}.output-thumb.selected[data-v-c1831c62]{border-color:var(--color-primary);box-shadow:0 0 10px #667eea80}.output-thumb .thumb-index[data-v-c1831c62]{position:absolute;bottom:2px;right:2px;background:#000000b3;color:#fff;font-size:10px;padding:1px 4px;border-radius:3px}.modal-image-wrapper[data-v-c1831c62]{width:100%;overflow:hidden;border-radius:10px;background:#0003}.modal-image-wrapper img[data-v-c1831c62]{width:100%;height:auto;display:block}.modal-details h3[data-v-c1831c62]{margin:0 0 20px;font-size:18px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-row[data-v-c1831c62]{margin-bottom:14px;display:flex;flex-direction:column;gap:5px}.detail-row.full-width[data-v-c1831c62]{grid-column:1 / -1}.detail-row label[data-v-c1831c62]{font-weight:600;color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.detail-row span[data-v-c1831c62]{color:var(--color-text-secondary);font-size:14px}.prompt-text[data-v-c1831c62]{background:#ffffff0d;padding:14px;border-radius:8px;color:var(--color-text-secondary);font-size:13px;line-height:1.7;margin:0;word-break:break-word;border:1px solid var(--glass-border)}.input-images-grid[data-v-c1831c62]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.input-image[data-v-c1831c62]{max-width:80px;height:80px;object-fit:cover;border-radius:8px}.modal-actions[data-v-c1831c62]{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn-download[data-v-c1831c62],.btn-download-all[data-v-c1831c62],.btn-close[data-v-c1831c62]{flex:1;min-width:120px;padding:12px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-download[data-v-c1831c62]{background:var(--primary-gradient);color:#fff}.btn-download[data-v-c1831c62]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-download-all[data-v-c1831c62]{background:#667eea33;color:var(--color-primary);border:1px solid rgba(102,126,234,.4)}.btn-download-all[data-v-c1831c62]:hover{background:#667eea4d;transform:translateY(-2px)}.btn-close[data-v-c1831c62]{background:#ffffff14;color:var(--color-text-secondary);border:1px solid var(--glass-border)}.btn-close[data-v-c1831c62]:hover{background:#ffffff1f}@media (max-width: 1024px){.history-container[data-v-c1831c62]{padding:24px}.records-grid[data-v-c1831c62]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 768px){.history-container[data-v-c1831c62]{padding:20px 16px;height:auto;min-height:calc(100vh - 200px)}h1[data-v-c1831c62]{font-size:22px;margin-bottom:20px}.records-grid[data-v-c1831c62]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.image-wrapper[data-v-c1831c62]{height:150px}.record-info[data-v-c1831c62]{padding:10px;gap:6px}.modal-body[data-v-c1831c62]{grid-template-columns:1fr;padding:18px;gap:16px}.pagination[data-v-c1831c62]{flex-wrap:wrap;gap:6px}.page-btn[data-v-c1831c62]{min-width:36px;padding:6px 10px}}@media (max-width: 480px){.history-container[data-v-c1831c62]{padding:16px 12px;height:auto}h1[data-v-c1831c62]{font-size:20px;margin-bottom:16px}.records-grid[data-v-c1831c62]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.image-wrapper[data-v-c1831c62]{height:120px}.record-info[data-v-c1831c62]{padding:8px;font-size:11px}.modal-body[data-v-c1831c62]{padding:14px}.detail-image[data-v-c1831c62]{max-height:300px}.modal-actions[data-v-c1831c62]{flex-direction:column;gap:8px}.modal-actions button[data-v-c1831c62]{width:100%}.pagination[data-v-c1831c62]{gap:4px;font-size:12px}.page-btn[data-v-c1831c62]{min-width:32px;padding:5px 8px;font-size:12px}}@media (max-width: 360px){.records-grid[data-v-c1831c62]{grid-template-columns:1fr}.image-wrapper[data-v-c1831c62]{height:200px}}.redeem-form[data-v-1e028fbe]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-1e028fbe]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-1e028fbe]{font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.3px}.form-input[data-v-1e028fbe]{width:100%;padding:12px 14px;font-size:14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--color-text-primary);transition:all .3s ease}.form-input[data-v-1e028fbe]:focus{background:#ffffff14;border-color:#667eea80;outline:none;box-shadow:0 0 0 4px #667eea26}.form-input[data-v-1e028fbe]::placeholder{color:var(--color-text-muted)}.form-input[data-v-1e028fbe]:disabled{opacity:.5;cursor:not-allowed}.form-hint[data-v-1e028fbe]{margin:0;font-size:12px;color:var(--color-text-muted);line-height:1.5}.success-alert[data-v-1e028fbe]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:10px;color:#4caf50;font-size:13px;animation:fadeIn-1e028fbe .3s ease}.success-icon[data-v-1e028fbe]{font-size:16px}.error-alert[data-v-1e028fbe]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:10px;color:#ff6b6b;font-size:13px;animation:fadeIn-1e028fbe .3s ease}.error-icon[data-v-1e028fbe]{font-size:16px}.submit-btn[data-v-1e028fbe]{padding:12px;font-size:14px;font-weight:700;color:#fff;background:var(--primary-gradient);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.submit-btn[data-v-1e028fbe]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #667eea66}.submit-btn[data-v-1e028fbe]:disabled{opacity:.6;cursor:not-allowed}.spinner[data-v-1e028fbe]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-1e028fbe .8s linear infinite}@keyframes spin-1e028fbe{to{transform:rotate(360deg)}}@keyframes fadeIn-1e028fbe{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.form-input[data-v-1e028fbe]{padding:10px 12px;font-size:13px}.form-hint[data-v-1e028fbe]{font-size:11px}.submit-btn[data-v-1e028fbe]{padding:10px;font-size:13px}}@media (max-width: 480px){.form-input[data-v-1e028fbe]{padding:9px 11px;font-size:12px}.success-alert[data-v-1e028fbe],.error-alert[data-v-1e028fbe]{padding:10px 12px;font-size:12px}.submit-btn[data-v-1e028fbe]{padding:10px;font-size:12px}}.ecommerce-container[data-v-8f1a8e4c]{width:100%;padding:0;display:block}.main-content[data-v-8f1a8e4c]{width:100%;display:flex;gap:24px;padding:0 16px 0 0;height:calc(100vh - 190px)}.controls-panel[data-v-8f1a8e4c]{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;width:360px;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.panel-header[data-v-8f1a8e4c]{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.panel-title[data-v-8f1a8e4c]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-text-primary);margin:0}.title-icon[data-v-8f1a8e4c]{font-size:16px}.credits-mini[data-v-8f1a8e4c]{display:flex;align-items:center;gap:5px;padding:5px 10px;background:linear-gradient(135deg,#667eea26,#f093fb26);border-radius:16px;font-size:12px;font-weight:700}.credits-mini .credits-icon[data-v-8f1a8e4c]{font-size:12px}.credits-mini .credits-num[data-v-8f1a8e4c]{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section[data-v-8f1a8e4c]{display:flex;flex-direction:column;gap:8px}.section-title[data-v-8f1a8e4c]{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.title-dot[data-v-8f1a8e4c]{width:6px;height:6px;background:var(--primary-gradient);border-radius:50%;box-shadow:0 0 8px #667eea99}.textarea-wrapper[data-v-8f1a8e4c]{position:relative}.prompt-input[data-v-8f1a8e4c]{width:100%;min-height:60px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--color-text-primary);font-size:13px;line-height:1.4;resize:vertical;transition:all .3s}.prompt-input[data-v-8f1a8e4c]:focus{outline:none;background:#ffffff0d;border-color:#667eea80;box-shadow:0 0 0 3px #667eea26}.prompt-input[data-v-8f1a8e4c]::placeholder{color:var(--color-text-muted)}.char-counter[data-v-8f1a8e4c]{position:absolute;bottom:10px;right:14px;font-size:11px;color:var(--color-text-muted);pointer-events:none;background:#0f0f1acc;padding:2px 6px;border-radius:4px}.select-row[data-v-8f1a8e4c]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.select-row-three[data-v-8f1a8e4c]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.select-group[data-v-8f1a8e4c]{display:flex;flex-direction:column;gap:6px}.custom-select[data-v-8f1a8e4c]{width:100%;padding:10px 28px 10px 12px;background:#ffffff08;border:1px solid rgba(102,126,234,.2);border-radius:8px;color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23667eea' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;box-shadow:0 2px 8px #667eea14}.custom-select[data-v-8f1a8e4c]:hover{background-color:#667eea14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23667eea' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;border-color:#667eea66;box-shadow:0 4px 12px #667eea26}.custom-select[data-v-8f1a8e4c]:focus{outline:none;background-color:#667eea1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23667eea' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;border-color:#667eea99;box-shadow:0 0 0 3px #667eea33}.custom-select option[data-v-8f1a8e4c]{background:#0f0f1af2;color:var(--color-text-primary);padding:10px 12px;font-weight:500;border-radius:6px}.ratio-grid[data-v-8f1a8e4c]{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.upload-zone[data-v-8f1a8e4c]{position:relative;border:2px dashed rgba(102,126,234,.3);border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:all .3s;background:#667eea0d}.upload-zone[data-v-8f1a8e4c]:hover{border-color:#667eea80;background:#667eea14}.upload-zone .file-input[data-v-8f1a8e4c]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-placeholder[data-v-8f1a8e4c]{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.upload-icon[data-v-8f1a8e4c]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.upload-icon svg[data-v-8f1a8e4c]{width:24px;height:24px;color:var(--color-primary)}.upload-text[data-v-8f1a8e4c]{font-size:13px;font-weight:600;color:var(--color-text-primary)}.upload-hint[data-v-8f1a8e4c]{font-size:12px;color:var(--color-text-muted)}.upload-count[data-v-8f1a8e4c]{font-size:12px;color:var(--color-text-muted);margin-left:4px}.uploaded-images-grid[data-v-8f1a8e4c]{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.uploaded-image-item[data-v-8f1a8e4c]{position:relative;width:70px;height:70px;border-radius:8px;overflow:visible}.uploaded-image-item img[data-v-8f1a8e4c]{width:100%;height:100%;object-fit:cover;border-radius:8px}.uploaded-image-item .remove-btn[data-v-8f1a8e4c]{position:absolute;top:-6px;right:-6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:10;padding:0;flex-shrink:0;transition:all .2s;box-shadow:0 2px 8px #ef444466}.uploaded-image-item .remove-btn[data-v-8f1a8e4c]:hover{transform:scale(1.1);box-shadow:0 4px 12px #ef444480}.uploaded-image-item .remove-btn svg[data-v-8f1a8e4c]{width:12px;height:12px}.add-more-zone[data-v-8f1a8e4c]{width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed rgba(102,126,234,.3);border-radius:8px;background:#667eea0d;cursor:pointer;transition:all .3s;position:relative}.add-more-zone[data-v-8f1a8e4c]:hover{border-color:#667eea80;background:#667eea1a}.add-more-zone .file-input[data-v-8f1a8e4c]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.add-more-content[data-v-8f1a8e4c]{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.add-icon[data-v-8f1a8e4c]{font-size:24px;color:#667eea99;line-height:1}.add-text[data-v-8f1a8e4c]{font-size:11px;color:var(--color-text-muted)}.file-input[data-v-8f1a8e4c]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ratio-btn[data-v-8f1a8e4c]{padding:8px 2px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--color-text-secondary);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s}.ratio-btn[data-v-8f1a8e4c]:hover{background:#ffffff0f}.ratio-btn.active[data-v-8f1a8e4c]{background:var(--primary-gradient);border-color:transparent;color:#fff}.quality-options[data-v-8f1a8e4c]{display:flex;gap:8px}.quality-btn[data-v-8f1a8e4c]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.quality-btn[data-v-8f1a8e4c]:hover{background:#ffffff0f}.quality-btn.active[data-v-8f1a8e4c]{background:linear-gradient(135deg,#667eea33,#f093fb26);border-color:#667eea66}.quality-name[data-v-8f1a8e4c]{font-weight:600;font-size:12px}.quality-cost[data-v-8f1a8e4c]{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--color-text-secondary)}.cost-icon[data-v-8f1a8e4c]{font-size:9px}.summary-card[data-v-8f1a8e4c]{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}.summary-row[data-v-8f1a8e4c]{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.summary-label[data-v-8f1a8e4c]{font-size:12px;color:var(--color-text-secondary)}.summary-value[data-v-8f1a8e4c]{font-size:12px;font-weight:600;color:var(--color-text-primary)}.summary-divider[data-v-8f1a8e4c]{height:1px;background:#ffffff0f;margin:6px 0}.summary-row.total[data-v-8f1a8e4c]{padding-top:10px}.summary-cost[data-v-8f1a8e4c]{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.summary-warning[data-v-8f1a8e4c]{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:11px}.summary-warning svg[data-v-8f1a8e4c]{width:14px;height:14px;flex-shrink:0}.error-toast[data-v-8f1a8e4c]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#f87171;font-size:13px;animation:fadeIn-8f1a8e4c .3s}.error-toast svg[data-v-8f1a8e4c]{width:18px;height:18px;flex-shrink:0}@keyframes fadeIn-8f1a8e4c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.generate-btn[data-v-8f1a8e4c]{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #667eea66;position:relative;overflow:hidden}.generate-btn[data-v-8f1a8e4c]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s}.generate-btn[data-v-8f1a8e4c]:hover:not(:disabled):before{opacity:1}.generate-btn[data-v-8f1a8e4c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #667eea80}.generate-btn[data-v-8f1a8e4c]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-loading[data-v-8f1a8e4c]{display:flex;gap:4px}.loading-dot[data-v-8f1a8e4c]{width:6px;height:6px;background:#fff;border-radius:50%;animation:loadingDots-8f1a8e4c 1.4s infinite ease-in-out both}.loading-dot[data-v-8f1a8e4c]:nth-child(1){animation-delay:-.32s}.loading-dot[data-v-8f1a8e4c]:nth-child(2){animation-delay:-.16s}@keyframes loadingDots-8f1a8e4c{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.btn-icon[data-v-8f1a8e4c]{font-size:16px}.btn-text[data-v-8f1a8e4c]{font-size:14px}.btn-shortcut[data-v-8f1a8e4c]{font-size:11px;opacity:.7;padding:2px 6px;background:#fff3;border-radius:4px}.preview-panel[data-v-8f1a8e4c]{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:18px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-state[data-v-8f1a8e4c]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.loading-state[data-v-8f1a8e4c]{gap:24px}.loader[data-v-8f1a8e4c]{position:relative;width:64px;height:64px}.loader-circle[data-v-8f1a8e4c]{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--color-primary);animation:spin-8f1a8e4c 1.2s cubic-bezier(.5,0,.5,1) infinite}.loader-circle[data-v-8f1a8e4c]:nth-child(1){border-top-color:#667eea;animation-delay:-.45s}.loader-circle[data-v-8f1a8e4c]:nth-child(2){border-top-color:#f093fb;animation-delay:-.3s}.loader-circle[data-v-8f1a8e4c]:nth-child(3){border-top-color:#764ba2;animation-delay:-.15s}@keyframes spin-8f1a8e4c{to{transform:rotate(360deg)}}.loading-text[data-v-8f1a8e4c]{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.loading-hint[data-v-8f1a8e4c]{font-size:13px;color:var(--color-text-muted);margin:0}.result-state[data-v-8f1a8e4c]{gap:20px}.images-grid[data-v-8f1a8e4c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;width:100%}.image-card[data-v-8f1a8e4c]{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000026;transition:transform .3s,box-shadow .3s}.image-card[data-v-8f1a8e4c]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.image-card .result-image[data-v-8f1a8e4c]{width:100%;height:100%;object-fit:cover;border-radius:12px;animation:fadeIn-8f1a8e4c .5s}.image-index[data-v-8f1a8e4c]{position:absolute;top:12px;right:12px;background:#0009;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-image-wrapper[data-v-8f1a8e4c]{max-width:100%;max-height:85vh}.result-image[data-v-8f1a8e4c]{max-width:100%;max-height:85vh;width:auto;height:auto;border-radius:16px;box-shadow:0 20px 60px #00000080;animation:fadeIn-8f1a8e4c .5s}.result-actions[data-v-8f1a8e4c]{display:flex;gap:12px}.action-btn[data-v-8f1a8e4c]{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.action-btn svg[data-v-8f1a8e4c]{width:18px;height:18px}.action-btn.primary[data-v-8f1a8e4c]{background:var(--primary-gradient);border:none;color:#fff;box-shadow:0 4px 15px #667eea66}.action-btn.primary[data-v-8f1a8e4c]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.empty-state[data-v-8f1a8e4c]{padding:60px 40px}.welcome-content[data-v-8f1a8e4c]{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px}.welcome-illustration[data-v-8f1a8e4c]{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.illustration-icon[data-v-8f1a8e4c]{font-size:96px;animation:floatBounce-8f1a8e4c 3s ease-in-out infinite}@keyframes floatBounce-8f1a8e4c{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(5deg)}}@keyframes fadeIn-8f1a8e4c{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.welcome-title[data-v-8f1a8e4c]{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0}.welcome-desc[data-v-8f1a8e4c]{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin:0}.tips-card[data-v-8f1a8e4c]{width:100%;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;text-align:left}.tips-title[data-v-8f1a8e4c]{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.tips-list[data-v-8f1a8e4c]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tips-list li[data-v-8f1a8e4c]{font-size:13px;color:var(--color-text-secondary);padding-left:20px;position:relative}.tips-list li[data-v-8f1a8e4c]:before{content:"→";position:absolute;left:0;color:var(--color-primary)}@media (max-width: 1200px){.ecommerce-container[data-v-8f1a8e4c]{padding:var(--container-padding)}.main-content[data-v-8f1a8e4c]{gap:16px}}@media (max-width: 1100px){.main-content[data-v-8f1a8e4c]{flex-direction:column;max-width:100%;gap:24px;height:auto}.controls-panel[data-v-8f1a8e4c]{position:static;width:100%;max-height:none;overflow-y:visible;overflow-x:visible}.preview-panel[data-v-8f1a8e4c]{min-height:400px}}@media (max-width: 768px){.ecommerce-container[data-v-8f1a8e4c]{padding:var(--container-padding)}.main-content[data-v-8f1a8e4c]{padding:0 20px;flex-direction:column;gap:20px}.controls-panel[data-v-8f1a8e4c]{width:100%;padding:16px;gap:14px}.section-title[data-v-8f1a8e4c]{font-size:11px}.ratio-grid[data-v-8f1a8e4c]{grid-template-columns:repeat(3,1fr);gap:6px}.ratio-btn[data-v-8f1a8e4c]{padding:8px 6px;font-size:10px}.preview-panel[data-v-8f1a8e4c]{min-height:360px}.result-actions[data-v-8f1a8e4c]{gap:8px}.action-btn[data-v-8f1a8e4c]{padding:10px 14px;font-size:12px}}@media (max-width: 480px){.ecommerce-container[data-v-8f1a8e4c]{padding:var(--container-padding)}.main-content[data-v-8f1a8e4c]{padding:0 16px;gap:16px}.controls-panel[data-v-8f1a8e4c]{padding:12px;gap:12px}.ratio-grid[data-v-8f1a8e4c]{grid-template-columns:repeat(4,1fr);gap:4px}.ratio-btn[data-v-8f1a8e4c]{padding:6px 4px;font-size:9px}.preview-panel[data-v-8f1a8e4c]{padding:12px;min-height:320px}.result-actions[data-v-8f1a8e4c]{flex-direction:column;width:100%;gap:6px}.action-btn[data-v-8f1a8e4c]{justify-content:center;width:100%;padding:10px}.btn-shortcut[data-v-8f1a8e4c]{display:none}}@media (max-width: 360px){.main-content[data-v-8f1a8e4c]{padding:0 12px;gap:12px}.controls-panel[data-v-8f1a8e4c]{padding:10px;gap:10px}.ratio-grid[data-v-8f1a8e4c]{grid-template-columns:repeat(3,1fr)}.select-row-three[data-v-8f1a8e4c]{grid-template-columns:1fr}.preview-panel[data-v-8f1a8e4c]{min-height:280px}}.redeem-link[data-v-8f1a8e4c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:4px 12px;border-radius:12px;font-size:12px;cursor:pointer;margin-left:8px;transition:all .2s}.redeem-link[data-v-8f1a8e4c]:hover{transform:scale(1.05);box-shadow:0 2px 8px #667eea66}.app[data-v-fd3dc858]{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}.app-content[data-v-fd3dc858]{flex:1;display:flex;flex-direction:column}.main-container[data-v-fd3dc858]{display:flex;flex-direction:column;flex:1;overflow:visible}.navbar[data-v-fd3dc858]{background:#0f0f1acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:0 32px;position:sticky;top:0;z-index:100;box-shadow:0 4px 30px #0000004d}.nav-inner[data-v-fd3dc858]{display:flex;align-items:center;justify-content:flex-start;height:64px;gap:32px;width:100%}.nav-brand[data-v-fd3dc858]{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;flex-shrink:0}.brand-icon[data-v-fd3dc858]{font-size:26px;animation:pulse 2s ease-in-out infinite}.brand-text[data-v-fd3dc858]{background:linear-gradient(135deg,#667eea,#f093fb,#667eea);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift-fd3dc858 5s ease infinite}@keyframes gradientShift-fd3dc858{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nav-tabs[data-v-fd3dc858]{display:flex;gap:12px;flex:0 1 auto}.nav-tab[data-v-fd3dc858]{display:flex;align-items:center;gap:8px;padding:10px 24px;background:transparent;border:none;color:var(--color-text-secondary);font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap}.nav-tab[data-v-fd3dc858]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-gradient);opacity:0;transition:opacity .3s;border-radius:inherit}.nav-tab[data-v-fd3dc858]:hover{color:var(--color-text-primary)}.nav-tab[data-v-fd3dc858]:hover:before{opacity:.1}.nav-tab.active[data-v-fd3dc858]{color:#fff;background:var(--primary-gradient);box-shadow:0 4px 15px #667eea66}.nav-tab.active[data-v-fd3dc858]:before{opacity:0}.tab-icon[data-v-fd3dc858]{font-size:14px}.tab-text[data-v-fd3dc858]{font-size:13px}.user-area[data-v-fd3dc858]{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-left:auto}.credits-display[data-v-fd3dc858]{display:flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,#667eea26,#f093fb26);border:1px solid rgba(102,126,234,.3);border-radius:12px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.credits-glow[data-v-fd3dc858]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea33,#f093fb33);opacity:0;transition:opacity .3s}.credits-display:hover .credits-glow[data-v-fd3dc858]{opacity:1}.credits-display[data-v-fd3dc858]:hover{border-color:#667eea80;transform:translateY(-2px);box-shadow:0 8px 25px #667eea40}.credits-icon[data-v-fd3dc858]{font-size:17px;position:relative;z-index:1}.credits-value[data-v-fd3dc858]{font-weight:700;font-size:15px;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.credits-add-btn[data-v-fd3dc858]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#667eea4d;border-radius:6px;position:relative;z-index:1}.credits-add-btn svg[data-v-fd3dc858]{width:13px;height:13px;color:#a78bfa}.user-menu[data-v-fd3dc858]{display:flex;align-items:center;gap:10px}.user-avatar[data-v-fd3dc858]{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:10px;font-weight:700;font-size:15px;color:#fff;box-shadow:0 4px 12px #667eea4d}.user-name[data-v-fd3dc858]{font-weight:600;color:var(--color-text-primary);font-size:14px}.logout-btn[data-v-fd3dc858]{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;cursor:pointer;transition:all .3s}.logout-btn svg[data-v-fd3dc858]{width:18px;height:18px}.logout-btn[data-v-fd3dc858]:hover{background:#ef444433;border-color:#ef444466;transform:translateY(-2px)}.login-btn[data-v-fd3dc858]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea66}.login-btn .btn-glow[data-v-fd3dc858]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s}.login-btn:hover .btn-glow[data-v-fd3dc858]{opacity:1}.login-btn[data-v-fd3dc858]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.login-btn svg[data-v-fd3dc858]{width:16px;height:16px;transition:transform .3s}.login-btn:hover svg[data-v-fd3dc858]{transform:translate(4px)}.content-area[data-v-fd3dc858]{flex:0 1 auto;overflow:visible;position:relative;z-index:1;width:100%;padding:32px}.footer[data-v-fd3dc858]{background:#0f0f1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);padding:8px 32px;text-align:center;position:relative;z-index:1}.footer-content[data-v-fd3dc858]{width:100%}.footer p[data-v-fd3dc858]{margin:0;color:var(--color-text-muted);font-size:12px;letter-spacing:.3px}.footer-icp[data-v-fd3dc858]{margin-top:4px!important;font-size:11px!important;opacity:.7}.modal-overlay[data-v-fd3dc858]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-fd3dc858 .2s ease}.redeem-modal[data-v-fd3dc858]{width:100%;max-width:380px;padding:28px;background:linear-gradient(180deg,#1a1a2ef2,#13131ffa);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 80px #0009,0 0 60px #667eea26;position:relative;animation:scaleIn-fd3dc858 .3s cubic-bezier(.34,1.56,.64,1)}.modal-close-btn[data-v-fd3dc858]{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .3s}.modal-close-btn svg[data-v-fd3dc858]{width:16px;height:16px}.modal-close-btn[data-v-fd3dc858]:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.redeem-header[data-v-fd3dc858]{text-align:center;margin-bottom:28px}.redeem-icon[data-v-fd3dc858]{font-size:48px;margin-bottom:16px;display:inline-block;animation:float 3s ease-in-out infinite}.redeem-header h2[data-v-fd3dc858]{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--color-text-primary)}.redeem-balance[data-v-fd3dc858]{margin:0;color:var(--color-text-secondary);font-size:14px}.redeem-balance strong[data-v-fd3dc858]{background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:18px}.redeem-buy-section[data-v-fd3dc858]{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.buy-divider[data-v-fd3dc858]{text-align:center;margin-bottom:16px}.buy-divider span[data-v-fd3dc858]{color:var(--color-text-secondary);font-size:13px;background:linear-gradient(180deg,#1a1a2ef2,#13131ffa);padding:0 12px;position:relative}.buy-link[data-v-fd3dc858]{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s;box-shadow:0 4px 15px #ff6b354d}.buy-link[data-v-fd3dc858]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.buy-icon[data-v-fd3dc858]{font-size:18px}.external-icon[data-v-fd3dc858]{width:14px;height:14px;opacity:.8}.buy-tip[data-v-fd3dc858]{margin:12px 0 0;text-align:center;font-size:12px;color:var(--color-text-secondary);opacity:.7}@keyframes fadeIn-fd3dc858{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-fd3dc858{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 1024px){.nav-inner[data-v-fd3dc858]{max-width:100%;padding:0 var(--spacing-md)}.navbar[data-v-fd3dc858],.content-area[data-v-fd3dc858]{padding:0 24px}.footer[data-v-fd3dc858]{padding:16px 24px}.main-container[data-v-fd3dc858]{padding:0}}@media (max-width: 768px){.navbar[data-v-fd3dc858],.content-area[data-v-fd3dc858]{padding:0 var(--container-padding)}.footer[data-v-fd3dc858]{padding:12px var(--container-padding)}.nav-inner[data-v-fd3dc858]{flex-wrap:wrap;height:auto;padding:12px 0;gap:12px}.nav-brand[data-v-fd3dc858]{font-size:18px}.brand-icon[data-v-fd3dc858]{font-size:20px}.nav-tabs[data-v-fd3dc858]{order:3;width:100%;justify-content:center;position:static;transform:none}.nav-tab[data-v-fd3dc858]{flex:1;justify-content:center;padding:10px 14px;font-size:12px}.tab-icon[data-v-fd3dc858]{font-size:16px}.user-area[data-v-fd3dc858]{gap:8px}.user-name[data-v-fd3dc858]{display:none}.credits-display[data-v-fd3dc858]{padding:6px 12px}.credits-icon[data-v-fd3dc858]{font-size:14px}.credits-value[data-v-fd3dc858]{font-size:13px}.login-btn span[data-v-fd3dc858]:not(.btn-glow){display:none}.login-btn[data-v-fd3dc858]{padding:10px 14px}.redeem-modal[data-v-fd3dc858]{max-width:calc(100% - 32px);padding:24px;margin:16px}}@media (max-width: 480px){.nav-brand[data-v-fd3dc858]{font-size:16px}.brand-icon[data-v-fd3dc858]{font-size:18px}.tab-text[data-v-fd3dc858]{display:none}.nav-tab[data-v-fd3dc858]{padding:10px 12px}.tab-icon[data-v-fd3dc858]{font-size:18px}.credits-display[data-v-fd3dc858]{padding:6px 10px;gap:6px}.credits-value[data-v-fd3dc858]{font-size:12px}.credits-add-btn[data-v-fd3dc858]{width:18px;height:18px}.credits-add-btn svg[data-v-fd3dc858]{width:10px;height:10px}.user-avatar[data-v-fd3dc858]{width:28px;height:28px;font-size:12px}.logout-btn[data-v-fd3dc858]{width:28px;height:28px}.logout-btn svg[data-v-fd3dc858]{width:14px;height:14px}.login-btn[data-v-fd3dc858]{padding:10px 12px}.login-btn svg[data-v-fd3dc858]{width:14px;height:14px}.redeem-modal[data-v-fd3dc858]{max-width:calc(100% - 24px);padding:20px;margin:12px;border-radius:16px}.redeem-icon[data-v-fd3dc858]{font-size:36px;margin-bottom:12px}.redeem-header h2[data-v-fd3dc858]{font-size:20px}.modal-close-btn[data-v-fd3dc858]{top:10px;right:10px;width:28px;height:28px}.footer p[data-v-fd3dc858]{font-size:11px}.footer-icp[data-v-fd3dc858]{font-size:10px!important}}@media (max-width: 360px){.nav-inner[data-v-fd3dc858]{gap:8px}.nav-tabs[data-v-fd3dc858]{padding:3px;gap:4px}.nav-tab[data-v-fd3dc858]{padding:8px 10px}.user-area[data-v-fd3dc858]{gap:6px}}.toast-notification[data-v-fd3dc858]{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#22c55ef2;color:#fff;padding:14px 24px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;font-weight:600;font-size:14px}.toast-icon[data-v-fd3dc858]{width:20px;height:20px;flex-shrink:0}.toast-enter-active[data-v-fd3dc858],.toast-leave-active[data-v-fd3dc858]{transition:all .3s ease}.toast-enter-from[data-v-fd3dc858]{opacity:0;transform:translate(-50%) translateY(-20px)}.toast-leave-to[data-v-fd3dc858]{opacity:0;transform:translate(-50%) translateY(-10px)}