html,body{margin:0;padding:0;background-color:#fff}.landing-page{--landing-bg: #ffffff;--landing-text: #172b4d;--landing-text-light: #5e6c84;--landing-primary: #0052cc;--landing-primary-hover: #0747a6;--landing-accent: #36b37e;--landing-bg-secondary: #f9f9f9;--landing-bg-tertiary: #f3f4f6;--landing-border: #dfe1e6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--landing-text);background-color:var(--landing-bg);position:fixed;line-height:1.5;inset:0;z-index:99999;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:stretch}.landing-page *{box-sizing:border-box}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{color:#091e42;margin-top:0;font-weight:700;line-height:1.2}.landing-page p{color:var(--landing-text-light);margin-bottom:1rem;font-size:1.125rem}.landing-container{max-width:1200px;width:100%;margin-left:auto!important;margin-right:auto!important;padding:0 24px;position:relative}.landing-section{padding:80px 0;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.hero-section{padding:60px 0 80px;min-height:90vh}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%}.hero-content{text-align:left}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.35rem);margin-bottom:2.5rem;max-width:540px;line-height:1.5}.hero-visual{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000026;transform:rotate(-2deg);border:8px solid #fff;background:#000;width:100%;max-width:340px;aspect-ratio:9/16;margin:0 auto;transition:transform .3s ease}.hero-visual:hover{transform:rotate(0) scale(1.02)}.hero-video{width:100%;height:100%;object-fit:cover;display:block}.social-proof-section{background-color:var(--landing-bg-secondary);text-align:center;padding:60px 0}.proof-title{font-size:.875rem;text-transform:uppercase;letter-spacing:1.5px;color:#6b778c;margin-bottom:40px;font-weight:700}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;text-align:left;width:100%}.testimonial-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;height:100%;display:flex;flex-direction:column;justify-content:space-between}.testimonial-quote{font-size:1.1rem;color:#091e42;margin-bottom:24px;font-style:italic;line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:15px}.author-avatar{background:#ebecf0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#42526e;font-size:.9rem}.author-info h4{margin:0;font-size:1rem;color:#172b4d}.author-info span{font-size:.875rem;color:var(--landing-text-light)}.comparison-section{background:#fff}.comparison-list{display:flex;flex-direction:column;gap:24px;max-width:700px;margin:0 auto;text-align:left;width:100%}.comparison-item{display:flex;align-items:flex-start;font-size:1.25rem;font-weight:500;gap:24px;padding:10px}.cta-microcopy{margin-top:12px;font-size:.875rem;color:#6b778c}.icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem;flex-shrink:0}.icon-box.pain{background:#ffebe6;color:#de350b}.icon-box.solution{background:#e3fcef;color:#064}.icon-box.rocket{background:#eae6ff;color:#403294}.steps-section{text-align:center}.landing-h3{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:60px;letter-spacing:-.01em}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative;width:100%}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step-icon{width:80px;height:80px;background:#fff;border:2px solid var(--landing-bg-tertiary);border-radius:24px;display:flex;align-items:center;justify-content:center;color:var(--landing-primary);margin-bottom:24px;transition:all .3s ease}.step-item:hover .step-icon{border-color:var(--landing-primary);transform:translateY(-5px);box-shadow:0 10px 20px #0052cc1a}.step-caption{font-weight:600;color:#091e42;font-size:1.125rem}.demo-section{background:#fff;text-align:center;border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border)}.upload-widget-placeholder{border:2px dashed #0052cc;border-radius:20px;background:#f4f5f7;padding:80px 20px;max-width:680px;margin:40px auto 0;cursor:pointer;transition:all .2s ease;width:100%}.upload-widget-placeholder:hover{background:#ebecf0;transform:scale(1.01)}.pricing-section{background:var(--landing-bg-tertiary);text-align:center}.pricing-grid{display:flex;justify-content:center;gap:40px;margin-top:50px;align-items:flex-start;flex-wrap:wrap}.pricing-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;width:320px;border:2px solid transparent;display:flex;flex-direction:column;position:relative;transition:transform .3s ease}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.popular{border-color:var(--landing-primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pricing-tag{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--landing-primary);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 6px #0052cc33}.price{font-size:3.5rem;font-weight:800;color:#091e42;margin:20px 0 10px;letter-spacing:-1px}.price span{font-size:1.125rem;color:#5e6c84;font-weight:500;letter-spacing:normal}.plan-features{list-style:none;padding:0;margin:30px 0;text-align:left;flex-grow:1}.plan-features li{margin-bottom:16px;display:flex;gap:12px;font-size:1rem;color:#172b4d}.faq-section{max-width:800px;margin:0 auto}.faq-list{margin-top:40px;width:100%}.faq-item{border-bottom:1px solid var(--landing-border);padding:24px 0}.faq-item:first-child{border-top:1px solid var(--landing-border)}.faq-question{width:100%;text-align:left;background:none;border:none;font-size:1.25rem;font-weight:600;color:#091e42;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0;transition:color .2s}.faq-question:hover{color:var(--landing-primary)}.faq-answer{color:var(--landing-text-light);margin-top:16px;display:none;font-size:1.0625rem;line-height:1.6}.faq-item.active .faq-answer{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.final-cta-section{background:var(--landing-primary);color:#fff;text-align:center;padding:100px 20px}.final-cta-section h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.final-cta-section p{color:#ffffffe6;font-size:1.25rem;margin-bottom:40px}.btn-white{background:#fff;color:var(--landing-primary);padding:1rem 2.5rem;font-size:1.125rem}.btn-white:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.landing-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem;white-space:nowrap}.landing-btn-primary{background-color:var(--landing-primary);color:#fff;box-shadow:0 4px 6px #0052cc33}.landing-btn-primary:hover{background-color:var(--landing-primary-hover);transform:translateY(-1px);box-shadow:0 6px 8px #0052cc4d}.landing-btn-outline{background:transparent;border:2px solid var(--landing-primary);color:var(--landing-primary)}.landing-btn-outline:hover{background:#0052cc0d}.landing-btn-full{width:100%}@media(max-width:768px){.landing-section{padding:60px 0;display:block}.hero-section{padding:20px 0 60px;min-height:auto;display:block}.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero-content{text-align:center;order:1;padding-top:20px}.hero-visual{order:2;margin:0 auto;max-width:300px;transform:rotate(0)}.hero-title{font-size:2.5rem}.hero-subtitle{margin-left:auto;margin-right:auto}.steps-container{grid-template-columns:1fr;gap:50px}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:24px}.pricing-grid{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:340px}.comparison-list{gap:20px;padding:0 10px}.comparison-item{font-size:1.125rem;gap:16px}.icon-box{width:40px;height:40px;font-size:1.25rem}.landing-container{padding:0 20px;margin:0;max-width:100%}}:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-rgb: 79, 70, 229;--primary-glow: rgba(79, 70, 229, .15);--success: #16a34a;--success-light: #dcfce7;--success-lighter: #f0fdf4;--success-border: #bbf7d0;--success-dark: #15803d;--success-rgb: 22, 163, 74;--error: #dc2626;--error-light: #fee2e2;--error-border: #fecaca;--error-dark: #b91c1c;--error-rgb: 220, 38, 38;--warning: #d97706;--warning-light: #fffbeb;--warning-rgb: 217, 119, 6;--bg-dark: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--bg-card: #ffffff;--bg-card-alt: #f8fafc;--bg-card-hover: #f1f5f9;--bg-input: #ffffff;--bg-input-focus: #ffffff;--text-main: #0f172a;--text-dim: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--border-hover: #cbd5e1;--gradient-start: #6366f1;--gradient-mid: #8b5cf6;--gradient-end: #ec4899;--header-height: 70px;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(79, 70, 229, .2);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}.App{position:relative;min-height:100vh}.App:before{content:"";position:fixed;top:-200px;right:-100px;width:500px;height:500px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.App:after{content:"";position:fixed;bottom:-150px;left:-100px;width:400px;height:400px;background:linear-gradient(135deg,#ec48991a,#f43f5e1a);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}header{height:var(--header-height);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.logo{font-size:var(--font-size-xl);font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:var(--spacing-sm)}.logo img{width:36px;height:36px;border-radius:8px}.logo.clickable{cursor:pointer;transition:color var(--transition-base)}.logo.clickable:hover{color:var(--primary)}.wizard-container{max-width:900px;margin:3rem auto;padding:0 1rem;width:100%;position:relative;z-index:1}.landing-container{width:100%;margin:0;padding:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-slow) ease}.card:hover{border-color:var(--border-hover)}.card h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-main);letter-spacing:-.02em}.card-subtitle{color:var(--text-dim);margin-bottom:var(--spacing-xl);font-size:var(--font-size-base);line-height:1.6}.user-info,.user-actions{display:flex;align-items:center;gap:var(--spacing-md)}.user-badge{background:var(--bg-input);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;color:var(--primary);border:1px solid var(--border)}.user-divider{width:1px;height:var(--spacing-lg);background:var(--border)}.login-prompt{color:var(--text-dim);font-size:var(--font-size-sm)}.login-card{max-width:420px;margin:var(--spacing-4xl) auto;text-align:center;background:var(--bg-card);border:1px solid var(--border);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-mid),var(--gradient-end))}.history-card{max-width:800px;margin:0 auto}.empty-state{text-align:center;padding:var(--spacing-4xl) 0;color:var(--text-muted)}.empty-state svg{margin-bottom:var(--spacing-md);opacity:.5}.login-card input{text-align:center;font-size:1.1rem}.job-history-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.history-item{background:var(--bg-input);padding:1.25rem;border-radius:var(--border-radius-lg);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);transition:all var(--transition-base)}.history-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.history-item .info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-item .info strong{color:var(--text-main)}.history-date{font-size:var(--font-size-xs);opacity:.6;color:var(--text-muted)}.history-actions{display:flex;align-items:center;gap:var(--spacing-md)}.history-item .status-badge,.status-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);background:var(--bg-input);border:1px solid var(--border);text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);letter-spacing:.05em}.status-badge.video_ready,.status-badge.done,.status-badge.completed{background:var(--success-light);color:var(--success);border-color:var(--success-border)}.status-badge.failed,.status-badge.error{background:var(--error-light);color:var(--error);border-color:var(--error-border)}.status-badge.pending{background:var(--bg-input);color:var(--text-muted);border-color:var(--border)}.status-badge.processing,.status-badge.generating_script,.status-badge.rendering{background:rgba(var(--primary-rgb),.15);color:var(--primary);border-color:rgba(var(--primary-rgb),.4)}.steps-indicator{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem}.step-dot{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:2px solid var(--border);color:var(--text-muted);font-weight:600;transition:all .3s ease}.step-dot.active{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.step-dot.completed{background:var(--success);border-color:var(--success);color:#fff}.form-group{margin-bottom:1.5rem}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-dim);margin-bottom:.5rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.875rem 1rem;border-radius:var(--border-radius);background:var(--bg-input);border:1px solid var(--border);-webkit-user-select:none;user-select:none;transition:all .2s ease}.toggle-label:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.toggle-label input{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:var(--primary)}input[type=text],input[type=email],input[type=url],textarea,select{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--border-radius);padding:.875rem 1rem;color:var(--text-main);font-size:1rem;outline:none;transition:all .2s ease;font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-input-focus)}.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.duration-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.duration-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--bg-input);border:2px solid var(--border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);gap:var(--spacing-xs);font-family:inherit;min-height:70px}.duration-preset-btn:hover{background:var(--bg-card-hover);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.duration-preset-btn.active{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));border-color:transparent;box-shadow:var(--shadow-glow)}.duration-preset-btn.active .preset-label,.duration-preset-btn.active .preset-duration{color:#fff}.preset-label{font-size:var(--font-size-base);font-weight:600;color:var(--text-main);transition:color var(--transition-fast)}.preset-duration{font-size:var(--font-size-sm);color:var(--text-dim);transition:color var(--transition-fast)}@media(max-width:768px){.duration-presets{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);border:none;outline:none;font-family:inherit;line-height:1}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--text-muted)}.btn-secondary{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-text{background:none;border:none;color:var(--text-dim);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius)}.btn-text:hover:not(:disabled){color:var(--text-main);background:var(--bg-input)}.btn-text:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-text.active-link{color:var(--primary);font-weight:600}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-xl)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-dark);box-shadow:0 0 20px #22c55e66}.btn-icon{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.btn-icon:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow);color:var(--text-main)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon.delete{color:var(--error)}.btn-icon.delete:hover:not(:disabled){background:var(--error-light);border-color:var(--error-border)}.file-upload{border:2px dashed var(--border);border-radius:var(--border-radius-lg);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-slow) ease;background:var(--bg-input)}.file-upload:hover{border-color:var(--primary);background:var(--bg-card-hover)}.file-upload:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.file-upload.small{padding:var(--spacing-lg)}.file-upload.done{border-color:var(--success);background:var(--success-light)}.file-upload p{color:var(--text-dim)}.file-upload svg{color:var(--text-muted)}.preview-simple{display:flex;align-items:center;gap:var(--spacing-md);justify-content:center}.preview-simple img{width:50px;height:50px;object-fit:cover;border-radius:var(--border-radius);box-shadow:var(--shadow)}.preview-simple span{color:var(--success);font-weight:600;font-size:var(--font-size-sm)}.file-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1.5rem}.preview-thumb{aspect-ratio:9/16;border-radius:var(--border-radius);background-size:cover;background-position:center;border:1px solid var(--border);position:relative}.job-id{font-family:JetBrains Mono,monospace;background:var(--bg-input);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);color:var(--text-muted);border:1px solid var(--border)}.duration-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-main);font-size:var(--font-size-base);cursor:pointer;outline:none;transition:border-color var(--transition-base);font-family:inherit}.duration-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.image-reorder-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.reorder-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-input);border-radius:var(--border-radius);border:1px solid var(--border);transition:all var(--transition-base)}.reorder-item:hover{box-shadow:var(--shadow);border-color:var(--primary);background:var(--bg-card-hover)}.reorder-thumb{width:60px;height:80px;border-radius:var(--border-radius);background-size:cover;background-position:center;flex-shrink:0;border:1px solid var(--border)}.reorder-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.image-index{font-size:var(--font-size-xs);font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.image-name{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reorder-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.video-summary{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));border-radius:var(--border-radius-xl);border:1px solid rgba(var(--primary-rgb),.2)}.video-summary h3{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--primary)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.summary-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-dim)}.summary-item svg{color:var(--primary);flex-shrink:0}.summary-item strong{color:var(--text-main);font-weight:600}.summary-note{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;opacity:.8;margin:0}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading-skeleton{animation:pulse 1.5s infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translateY(-10px)}}.status-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.status-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-input);border-radius:var(--border-radius);border:1px solid var(--border)}.status-item.pending{opacity:.5}.status-item.processing{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);box-shadow:0 0 0 3px var(--primary-glow)}.status-item.done{border-color:var(--success);background:var(--success-light)}.error-box{background:var(--error-light);border:1px solid var(--error-border);color:var(--error);padding:var(--spacing-md);border-radius:var(--border-radius);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-lg)}.success-box{background:var(--success-light);border:1px solid var(--success-border);color:var(--success);padding:var(--spacing-md);border-radius:var(--border-radius);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-lg)}.warning-box{background:var(--warning-light);border:1px solid rgba(var(--warning-rgb),.4);color:var(--warning);padding:var(--spacing-md);border-radius:var(--border-radius);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.text-center{text-align:center}.text-muted{color:var(--text-dim);opacity:.7}.mt-md{margin-top:var(--spacing-md)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.icon-muted{opacity:.5;color:var(--text-muted)}.action-buttons{margin-top:var(--spacing-2xl);display:flex;justify-content:space-between;gap:var(--spacing-md)}.action-buttons-end{margin-top:var(--spacing-2xl);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.action-buttons-center{margin-top:var(--spacing-3xl);text-align:center}@media(max-width:1024px){.summary-grid,.features-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--spacing-2xl: 2rem;--spacing-3xl: 2.5rem}.summary-grid,.features-grid{grid-template-columns:1fr}header{padding:0 var(--spacing-md)}.wizard-container{margin:var(--spacing-xl) auto;padding:0 var(--spacing-md)}.card{padding:var(--spacing-xl)}.btn{width:100%}.btn-secondary{width:auto}.grid-cols-2{grid-template-columns:1fr}}@media(max-width:640px){header{flex-wrap:wrap;height:auto;padding:var(--spacing-md)}.user-info{width:100%;justify-content:space-between;margin-top:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}.user-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.card{padding:var(--spacing-lg)}.steps-indicator{gap:var(--spacing-sm)}.step-dot{width:36px;height:36px;font-size:var(--font-size-sm)}}.script-timeline{margin-top:var(--spacing-xl);border:1px solid var(--border);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.timeline-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--bg-input);border-bottom:1px solid var(--border)}.timeline-header h3{font-size:var(--font-size-lg);font-weight:600;margin:0;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-main)}.timeline-total-duration{font-size:var(--font-size-sm);font-weight:600;color:var(--primary);display:flex;align-items:center;gap:var(--spacing-xs)}.timeline-total-duration.over-duration{color:var(--error)}.timeline-total-duration .duration-target{color:var(--text-muted);font-weight:400}.timeline-warning{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--error-light);border-bottom:1px solid var(--error-border);color:var(--error);align-items:flex-start}.timeline-warning svg{flex-shrink:0;margin-top:2px}.warning-content{flex:1}.warning-content strong{display:block;font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.warning-content p{margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--text-dim)}.timeline-segments{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.timeline-segment{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--border-radius);transition:all var(--transition-base);align-items:flex-start}.timeline-segment:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);background:var(--bg-card-hover)}.timeline-segment.is-dragging{opacity:.5;box-shadow:var(--shadow-xl)}.drag-handle{cursor:grab;color:var(--text-muted);padding:var(--spacing-sm);display:flex;align-items:center;border-radius:var(--border-radius);transition:all var(--transition-fast);flex-shrink:0}.drag-handle:hover{background:var(--bg-card-hover);color:var(--text-main)}.drag-handle:active{cursor:grabbing}.segment-thumbnail{width:80px;height:120px;border-radius:var(--border-radius);background-size:cover;background-position:center;flex-shrink:0;border:1px solid var(--border);position:relative}.segment-index{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:700}.segment-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.segment-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.segment-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted)}.segment-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-regenerate{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-xs)}.btn-regenerate:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-regenerate:active:not(:disabled){transform:translateY(0)}.btn-regenerate:disabled{opacity:.6;cursor:not-allowed}.segment-duration{font-size:var(--font-size-sm);font-weight:600;color:var(--primary);display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.segment-textarea{width:100%;min-height:60px;max-height:200px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;line-height:1.6;resize:none;overflow-y:auto;transition:all var(--transition-base);color:var(--text-main)}.segment-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.segment-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-input)}.segment-textarea::placeholder{color:var(--text-muted)}.timeline-empty-state{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--text-muted)}.timeline-empty-state svg{margin-bottom:var(--spacing-md);opacity:.5}.timeline-summary{padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--primary-rgb),.03));border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.timeline-summary-stats{display:flex;gap:var(--spacing-xl)}.timeline-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-dim)}.timeline-stat strong{color:var(--text-main);font-weight:600}.property-details-editor{padding:var(--spacing-lg);background:var(--bg-input);border-bottom:1px solid var(--border)}.property-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.property-header h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-main);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.btn-save-details{padding:var(--spacing-xs) var(--spacing-md);background:var(--success);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast)}.btn-save-details:hover{background:var(--success-dark);box-shadow:0 0 20px rgba(var(--success-rgb),.4)}.property-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.property-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.property-field-wide{grid-column:span 2}.property-field label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-xs)}.property-field input{padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;color:var(--text-main);transition:all var(--transition-base)}.property-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.room-type-selector{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:500;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast)}.room-type-selector:hover:not(:disabled){border-color:var(--primary);background:var(--bg-card-hover)}.room-type-selector:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.room-type-selector:disabled{opacity:.6;cursor:not-allowed}.btn-regenerate-script{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast)}.btn-regenerate-script:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-regenerate-script:disabled{opacity:.6;cursor:not-allowed}.narrative-script-editor{padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.script-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.script-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:600;color:var(--text-main);margin:0}.script-duration-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-dim);font-weight:500}.narrative-script-textarea{width:100%;min-height:200px;padding:var(--spacing-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;color:var(--text-main);line-height:1.6;resize:vertical;transition:all var(--transition-base)}.narrative-script-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.narrative-script-textarea:disabled{opacity:.6;cursor:not-allowed}.script-helper-text{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.image-reorder-section{padding:var(--spacing-lg);background:var(--bg-input)}.image-reorder-section h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-main);margin:0 0 var(--spacing-xs) 0}.section-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.image-reorder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.sortable-image-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--border-radius);overflow:hidden;cursor:grab;transition:all var(--transition-fast)}.sortable-image-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sortable-image-card:active{cursor:grabbing}.image-card-thumbnail{width:100%;height:200px;background-size:cover;background-position:center;position:relative}.image-card-index{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600}.image-card-drag-hint{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:var(--bg-input);color:var(--text-muted);border-top:1px solid var(--border)}@media(max-width:768px){.timeline-segment{flex-direction:column}.segment-thumbnail{width:100%;height:200px}.drag-handle{align-self:center}.timeline-summary{flex-direction:column;gap:var(--spacing-md)}.timeline-summary-stats{flex-direction:column;gap:var(--spacing-sm);width:100%}.property-fields{grid-template-columns:1fr}.property-field-wide{grid-column:span 1}.segment-actions{flex-wrap:wrap}}.credit-display{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.08));border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--border-radius);transition:all var(--transition-base)}.credit-display:hover{box-shadow:var(--shadow);border-color:rgba(var(--primary-rgb),.5)}.credit-display .credit-icon{font-size:var(--font-size-xl);line-height:1}.credit-display .credit-info{display:flex;flex-direction:column;gap:.125rem}.credit-display .credit-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.credit-display .credit-value{font-size:var(--font-size-xl);font-weight:700;color:var(--primary);line-height:1}.credit-display.zero-credits{background:linear-gradient(135deg,rgba(var(--error-rgb),.15),rgba(var(--error-rgb),.08));border-color:rgba(var(--error-rgb),.3)}.credit-display.zero-credits .credit-value{color:var(--error)}.credit-display.zero-credits:hover{border-color:rgba(var(--error-rgb),.5)}.credit-cost-warning{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);transition:all var(--transition-base)}.credit-cost-warning .cost-icon{font-size:2rem;line-height:1;flex-shrink:0}.credit-cost-warning .cost-details{flex:1}.credit-cost-warning .cost-details strong{display:block;font-size:var(--font-size-base);color:var(--text-main);margin-bottom:.25rem}.credit-cost-warning .cost-balance{font-size:var(--font-size-sm);color:var(--text-dim);margin:0}.credit-cost-warning.insufficient{background:linear-gradient(135deg,rgba(var(--error-rgb),.1),rgba(var(--error-rgb),.05));border-color:rgba(var(--error-rgb),.4)}.credit-cost-warning.insufficient .cost-details strong{color:var(--error)}.credit-cost-warning.insufficient .cost-balance{color:var(--error);font-weight:500}.btn-primary:disabled{opacity:.6;cursor:not-allowed;background:var(--text-muted)}.btn-primary:disabled:hover{transform:none;box-shadow:none}@media(max-width:768px){.credit-display{padding:var(--spacing-xs) var(--spacing-sm)}.credit-display .credit-icon,.credit-display .credit-value{font-size:var(--font-size-lg)}.credit-cost-warning{flex-direction:column;align-items:flex-start;padding:var(--spacing-md)}.credit-cost-warning .cost-icon{font-size:1.5rem}}.btn-buy-credits{background:linear-gradient(135deg,var(--success) 0%,#16a34a 100%);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:inherit}.btn-buy-credits:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 0 20px #22c55e66;transform:translateY(-1px)}.pricing-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.pricing-modal{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--border-radius-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}.pricing-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--bg-input);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);transition:all var(--transition-base)}.pricing-modal-close:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--border-hover)}.pricing-modal-header{text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl) var(--spacing-xl)}.pricing-modal-header h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--text-main) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-modal-header p{color:var(--text-dim);font-size:var(--font-size-base)}.pricing-error{background:var(--error-light);border:1px solid var(--error-border);color:var(--error);padding:var(--spacing-md);margin:0 var(--spacing-2xl) var(--spacing-lg);border-radius:var(--border-radius);text-align:center}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);padding:0 var(--spacing-2xl) var(--spacing-2xl)}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);position:relative;transition:all var(--transition-slow);display:flex;flex-direction:column}.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--primary);background:linear-gradient(135deg,#667eea1a,#764ba20d)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pricing-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea33,#764ba21a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:var(--spacing-lg)}.pricing-card-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-main);margin-bottom:var(--spacing-xs)}.pricing-card-description{font-size:var(--font-size-sm);color:var(--text-dim);margin-bottom:var(--spacing-lg)}.pricing-card-price{display:flex;align-items:baseline;gap:2px;margin-bottom:var(--spacing-xs)}.pricing-card-price .currency{font-size:var(--font-size-xl);font-weight:600;color:var(--text-dim)}.pricing-card-price .amount{font-size:var(--font-size-4xl);font-weight:800;color:var(--text-main);line-height:1}.pricing-card-credits{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xl)}.pricing-card-features{list-style:none;margin:0 0 var(--spacing-xl);padding:0;flex:1}.pricing-card-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--text-dim);font-size:var(--font-size-sm)}.pricing-card-features .feature-check{color:var(--success);flex-shrink:0}.pricing-card-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;font-family:inherit}.pricing-card-button.primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid));color:#fff}.pricing-card-button.primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.pricing-card-button.secondary{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border)}.pricing-card-button.secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.pricing-card-button:disabled{opacity:.6;cursor:not-allowed}.pricing-card-button .spin{animation:spin 1s linear infinite}.pricing-footer{text-align:center;padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl);color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:768px){.pricing-cards{grid-template-columns:1fr}.pricing-modal-header h2{font-size:var(--font-size-2xl)}.pricing-card-price .amount{font-size:var(--font-size-3xl)}}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1}.btn-magic{white-space:nowrap;background:linear-gradient(135deg,#6366f1,#a855f7)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #a855f733;font-size:.9rem!important;padding:0 1rem!important}.btn-magic:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a855f74d}.input-hint{font-size:.85rem;color:var(--text-dim);margin-top:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.4rem;background:rgba(var(--primary-rgb),.05);padding:.5rem .75rem;border-radius:6px;border-left:3px solid var(--primary)}.sparkle{font-size:1rem}