:root{--bg-primary: #07070A;--bg-secondary: #0B0B10;--bg-tertiary: #111118;--bg-card: #13131A;--bg-card-hover: #1A1A24;--bg-elevated: #16161F;--border-subtle: rgba(255, 255, 255, .06);--border-glow: rgba(212, 175, 55, .15);--border-purple: rgba(122, 60, 255, .2);--gold-start: #D4AF37;--gold-end: #F5D77A;--gold-mid: #E4C44A;--purple-start: #7A3CFF;--purple-end: #B44CFF;--purple-mid: #9744FF;--blue-glow: #3B82F6;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .45);--text-gold: #D4AF37;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .5s;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .5);--shadow-gold: 0 4px 32px rgba(212, 175, 55, .15);--shadow-purple: 0 4px 32px rgba(122, 60, 255, .15);--shadow-glow: 0 0 60px rgba(122, 60, 255, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.25rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.15rem,2vw,1.5rem)}.text-gold{background:linear-gradient(135deg,var(--gold-start),var(--gold-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-purple{background:linear-gradient(135deg,var(--purple-start),var(--purple-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient{background:linear-gradient(135deg,var(--gold-start),var(--purple-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.container-lg{max-width:1440px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 32px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--gold-start),var(--gold-end));color:#0a0a0a;box-shadow:var(--shadow-gold)}.btn-primary:hover{box-shadow:0 8px 40px #d4af374d}.btn-primary:before{background:linear-gradient(135deg,var(--gold-end),var(--gold-start))}.btn-primary:hover:before{opacity:1}.btn-primary span{position:relative;z-index:1}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:#ffffff26;box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--text-gold);border:1px solid rgba(212,175,55,.3)}.btn-outline:hover{background:#d4af3714;border-color:#d4af3780}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 20px}.btn-ghost:hover{color:var(--text-primary)}.btn-sm{padding:10px 24px;font-size:.85rem}.btn-lg{padding:18px 44px;font-size:1.05rem}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{background:var(--glass-bg-hover);border-color:#ffffff1f;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.glass-card-static{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:var(--space-xl)}.apikey-modal-overlay{position:fixed;inset:0;z-index:9999;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.apikey-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);max-width:460px;width:90%;text-align:center;box-shadow:0 24px 80px #0009,0 0 80px #d4af370f;animation:fadeInUp .3s var(--ease-out);position:relative;overflow:hidden}.apikey-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-start),var(--gold-end),var(--gold-start));background-size:200% 100%;animation:shimmer 3s ease infinite}.apikey-modal-icon{font-size:3rem;margin-bottom:var(--space-md);filter:drop-shadow(0 4px 12px rgba(212,175,55,.3))}.apikey-modal-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.apikey-modal-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.apikey-modal-hint{font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-xl);padding:10px 16px;background:#d4af370f;border:1px solid rgba(212,175,55,.12);border-radius:var(--radius-md)}.apikey-modal-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.apikey-modal-actions .btn{flex:1;min-width:140px}.glow-gold{box-shadow:0 0 40px #d4af371a,0 0 80px #d4af370d}.glow-purple{box-shadow:0 0 40px #7a3cff1a,0 0 80px #7a3cff0d}.glow-border-gold{position:relative}.glow-border-gold:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(212,175,55,.3),transparent 50%,rgba(212,175,55,.1));z-index:-1;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.glow-border-gold:hover:after{opacity:1}.input-field{width:100%;padding:14px 18px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all var(--duration-fast) var(--ease-out);outline:none}.input-field:focus{border-color:var(--gold-start);box-shadow:0 0 0 3px #d4af371a;background:#ffffff0f}.input-field::placeholder{color:var(--text-tertiary)}.input-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-gold{background:#d4af371f;color:var(--gold-end);border:1px solid rgba(212,175,55,.2)}.badge-purple{background:#7a3cff1f;color:var(--purple-end);border:1px solid rgba(122,60,255,.2)}.progress-bar{width:100%;height:8px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--gold-start),var(--gold-end));transition:width var(--duration-slow) var(--ease-out)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .7s var(--ease-out) forwards}.animate-fade-in{animation:fadeIn .5s var(--ease-out) forwards}.animate-float{animation:float 6s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:all .8s var(--ease-out)}.reveal.revealed{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transform:translateY(20px);transition:all .6s var(--ease-out)}.stagger.revealed>*:nth-child(1){transition-delay:.05s}.stagger.revealed>*:nth-child(2){transition-delay:.1s}.stagger.revealed>*:nth-child(3){transition-delay:.15s}.stagger.revealed>*:nth-child(4){transition-delay:.2s}.stagger.revealed>*:nth-child(5){transition-delay:.25s}.stagger.revealed>*:nth-child(6){transition-delay:.3s}.stagger.revealed>*{opacity:0;transform:translateY(20px)}.stagger.revealed>*{opacity:1;transform:translateY(0)}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.orb-gold{background:radial-gradient(circle,rgba(212,175,55,.15),transparent 70%)}.orb-purple{background:radial-gradient(circle,rgba(122,60,255,.15),transparent 70%)}.orb-blue{background:radial-gradient(circle,rgba(59,130,246,.1),transparent 70%)}.gold-separator{width:60px;height:3px;background:linear-gradient(90deg,var(--gold-start),var(--gold-end));border-radius:var(--radius-full)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all var(--duration-normal) var(--ease-out)}.navbar.scrolled{background:#07070ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:12px 0}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.navbar-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:800;font-size:1.3rem}.navbar-logo img{height:32px;width:auto}.navbar-logo-clip{background:linear-gradient(135deg,var(--gold-start),var(--gold-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-logo-ai{color:var(--text-primary);font-weight:500}.navbar-logo-hub{background:linear-gradient(135deg,var(--purple-start),var(--purple-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:var(--space-xl)}.navbar-links a{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);position:relative}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--gold-start),var(--gold-end));transition:width var(--duration-normal) var(--ease-out)}.navbar-links a:hover:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:var(--space-md)}.navbar-hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer}.navbar-hamburger span{width:22px;height:2px;background:var(--text-primary);transition:all var(--duration-fast) var(--ease-out);border-radius:1px}.navbar-mobile{display:none;position:fixed;inset:0;background:#07070af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl)}.navbar-mobile.open{display:flex}.navbar-mobile a{font-size:1.3rem;font-weight:600;color:var(--text-primary);font-family:var(--font-heading)}.navbar-mobile-close{position:absolute;top:20px;right:24px;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:8px}@media(max-width:1024px){.navbar-links,.navbar-actions{display:none}.navbar-hamburger{display:flex}}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-4xl) 0 var(--space-xl);background:var(--bg-secondary)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.footer-brand p{color:var(--text-tertiary);font-size:.9rem;margin-top:var(--space-md);max-width:300px;line-height:1.7}.footer-col h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-lg)}.footer-col a{display:block;font-size:.9rem;color:var(--text-tertiary);padding:6px 0;transition:color var(--duration-fast) var(--ease-out)}.footer-col a:hover{color:var(--text-gold)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-tertiary)}.footer-social{display:flex;gap:var(--space-md)}.footer-social a{width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--duration-fast) var(--ease-out)}.footer-social a:hover{background:var(--glass-bg-hover);border-color:var(--gold-start);color:var(--gold-start)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:100px}.hero-content{position:relative;z-index:2;max-width:680px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);background:#d4af3714;border:1px solid rgba(212,175,55,.2);font-size:.8rem;font-weight:600;color:var(--gold-end);margin-bottom:var(--space-xl);animation:fadeInUp .6s var(--ease-out) forwards}.hero h1{margin-bottom:var(--space-lg);animation:fadeInUp .7s var(--ease-out) .1s forwards;opacity:0}.hero-subtitle{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.7;max-width:540px;animation:fadeInUp .7s var(--ease-out) .2s forwards;opacity:0}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;animation:fadeInUp .7s var(--ease-out) .3s forwards;opacity:0}.hero-visual{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:55%;z-index:1;animation:fadeIn 1s var(--ease-out) .5s forwards;opacity:0}.hero-grid{display:flex;align-items:center;gap:var(--space-3xl)}@media(max-width:1024px){.hero{min-height:auto;padding:140px 0 80px}.hero-visual{display:none}.hero-content{max-width:100%}}.editor-mockup{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow)}.editor-mockup-toolbar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.editor-mockup-dot{width:10px;height:10px;border-radius:50%}.editor-mockup-body{display:grid;grid-template-columns:200px 1fr 240px;height:340px}.editor-mockup-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:16px;display:flex;flex-direction:column;gap:8px}.editor-mockup-sidebar-item{padding:10px 12px;border-radius:var(--radius-sm);font-size:.78rem;color:var(--text-tertiary);display:flex;align-items:center;gap:8px}.editor-mockup-sidebar-item.active{background:#d4af371a;color:var(--gold-end)}.editor-mockup-canvas{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary))}.editor-mockup-preview{width:200px;height:260px;background:linear-gradient(135deg,#7a3cff33,#d4af371a);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;animation:float 4s ease-in-out infinite}.editor-mockup-panel{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);padding:16px;display:flex;flex-direction:column;gap:12px}.editor-mockup-panel-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.editor-mockup-prompt{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px;font-size:.75rem;color:var(--text-tertiary);min-height:60px}.editor-mockup-timeline{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);padding:12px 18px;display:flex;gap:8px;align-items:center}.editor-mockup-clip{height:32px;border-radius:6px;flex:1}.stats-bar{padding:var(--space-2xl) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.stats-bar-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-3xl);flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:800}.stat-label{font-size:.85rem;color:var(--text-tertiary);margin-top:4px}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-start),transparent);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.feature-card:hover{background:var(--glass-bg-hover);transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#ffffff1a}.feature-card:hover:before{opacity:1}.feature-card-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:var(--space-lg)}.feature-card-icon-gold{background:#d4af371a}.feature-card-icon-purple{background:#7a3cff1a}.feature-card h3{font-size:1.2rem;margin-bottom:var(--space-sm)}.feature-card p{font-size:.9rem;color:var(--text-tertiary);line-height:1.6}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-3xl)}.section-header .badge,.section-header h2{margin-bottom:var(--space-md)}.section-header p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-3xl)}.pricing-toggle span{font-size:.9rem;color:var(--text-tertiary);font-weight:500}.pricing-toggle span.active{color:var(--text-primary)}.toggle-switch{width:52px;height:28px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--gold-start),var(--gold-end));transition:transform var(--duration-fast) var(--ease-spring)}.toggle-switch.active:after{transform:translate(24px)}.toggle-save{font-size:.75rem;color:var(--gold-end);font-weight:600;background:#d4af371a;padding:4px 10px;border-radius:var(--radius-full)}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-lg)}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(3,1fr);max-width:900px;margin-left:auto;margin-right:auto}}@media(max-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media(max-width:480px){.pricing-grid{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}}.pricing-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all var(--duration-normal) var(--ease-out);position:relative;display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--gold-start);background:#d4af3708;box-shadow:var(--shadow-gold)}.pricing-card.popular:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:linear-gradient(135deg,var(--gold-start),var(--gold-end));color:#0a0a0a;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);white-space:nowrap}.pricing-card-tier{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--space-md)}.pricing-card-price{font-family:var(--font-heading);font-size:3rem;font-weight:800;margin-bottom:4px}.pricing-card-price span{font-size:1rem;font-weight:400;color:var(--text-tertiary)}.pricing-card-credits{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle)}.pricing-card-features{flex:1;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.pricing-card-features li{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--text-secondary)}.pricing-card-features li:before{content:"✓";color:var(--gold-end);font-weight:700;font-size:.85rem}.template-row{margin-bottom:var(--space-3xl)}.template-row-title{font-size:1.3rem;font-weight:700;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.template-row-title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--gold-start),var(--gold-end));border-radius:2px}.template-scroll{display:flex;gap:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.template-card{min-width:260px;border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;flex-shrink:0;transition:all var(--duration-normal) var(--ease-out);background:var(--bg-card);border:1px solid var(--border-subtle)}.template-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg),0 0 30px #d4af371a;z-index:2;border-color:#ffffff26}.template-card-bg{width:100%;aspect-ratio:16/10;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.template-card-gradient{position:absolute;inset:0;z-index:1;mix-blend-mode:multiply;transition:opacity var(--duration-normal) var(--ease-out)}.template-card:hover .template-card-gradient{opacity:.4}.template-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:48px;height:48px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;transition:all var(--duration-normal) var(--ease-out);border:2px solid rgba(255,255,255,.2)}.template-card:hover .template-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.template-card-play svg{margin-left:2px}.template-card-duration{position:absolute;bottom:8px;right:8px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);z-index:3;letter-spacing:.03em}.template-card-info{display:flex;align-items:center;gap:var(--space-sm);padding:12px 14px;border-top:1px solid var(--border-subtle)}.template-card-icon{font-size:1rem;line-height:1}.template-card-name{font-size:.82rem;font-weight:600;letter-spacing:.01em}.template-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 40%,transparent 70%);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-xl);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);z-index:4}.template-card:hover .template-card-overlay{opacity:1}.template-card-overlay span{font-size:.85rem;font-weight:700;background:linear-gradient(135deg,var(--gold-start),var(--gold-end));color:#0a0a0a;padding:8px 20px;border-radius:var(--radius-full);letter-spacing:.02em;transition:transform var(--duration-fast) var(--ease-spring)}.template-card:hover .template-card-overlay span{transform:translateY(0)}.template-card .template-card-overlay span{transform:translateY(10px)}.viral-row{margin-bottom:var(--space-3xl)}.viral-scroll{display:flex;gap:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;scroll-snap-type:x mandatory}.viral-scroll::-webkit-scrollbar{height:4px}.viral-scroll::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.viral-card{min-width:200px;max-width:200px;border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;flex-shrink:0;scroll-snap-align:start;transition:all var(--duration-normal) var(--ease-out);background:var(--bg-card);border:1px solid var(--border-subtle)}.viral-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 50px #00000080,0 0 30px color-mix(in srgb,var(--accent) 20%,transparent);z-index:2;border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.viral-card-thumb{width:100%;aspect-ratio:9/16;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.viral-card-emoji{font-size:3rem;z-index:2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform var(--duration-normal) var(--ease-out)}.viral-card:hover .viral-card-emoji{transform:scale(1.15)}.viral-card-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%,rgba(0,0,0,.3) 100%);z-index:1}.viral-card-tag{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:var(--radius-full);font-size:.6rem;font-weight:800;letter-spacing:.08em;color:#fff;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.3);animation:pulse-soft 2s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.75}}.viral-card-duration{position:absolute;bottom:10px;right:10px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);z-index:3;letter-spacing:.03em}.viral-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:52px;height:52px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;transition:all var(--duration-normal) var(--ease-spring);border:2px solid rgba(255,255,255,.3)}.viral-card:hover .viral-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.viral-card-play svg{margin-left:3px}.viral-card-info{padding:12px 14px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border-subtle)}.viral-card-title{font-size:.82rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary)}.viral-card-views{font-size:.72rem;color:var(--text-tertiary);font-weight:500}@media(max-width:768px){.viral-card{min-width:160px;max-width:160px}.viral-card-emoji{font-size:2.2rem}}.caption-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.caption-showcase-card{border-radius:16px;border:1px solid rgba(255,255,255,.06);overflow:hidden;background:var(--bg-card);transition:all .35s ease;cursor:default;animation:fadeInUp .5s ease both}.caption-showcase-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0006;border-color:#f5c84240}.caption-showcase-preview{aspect-ratio:5 / 2;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.caption-showcase-text{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-align:center;transition:transform .35s ease}.caption-showcase-glow{animation:veGlowPulse 2.5s ease-in-out infinite alternate}.caption-showcase-card:hover .caption-showcase-text{transform:scale(1.1)}.caption-showcase-info{padding:14px 16px;display:flex;flex-direction:column;gap:3px}.caption-showcase-name{font-size:.85rem;font-weight:700;color:var(--text-primary)}.caption-showcase-desc{font-size:.75rem;color:var(--text-tertiary);font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.caption-showcase-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.caption-showcase-grid{grid-template-columns:repeat(2,1fr);gap:12px}.caption-showcase-text{font-size:.82rem}}@media(max-width:480px){.caption-showcase-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-card{width:100%;max-width:440px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:var(--space-2xl);position:relative;z-index:2}.auth-card h1{font-size:1.8rem;margin-bottom:var(--space-sm)}.auth-card .subtitle{color:var(--text-tertiary);margin-bottom:var(--space-xl)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;color:var(--text-tertiary);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-social-btn{width:100%;padding:14px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--duration-fast) var(--ease-out)}.auth-social-btn:hover{background:var(--glass-bg-hover);border-color:#ffffff26}.form-group{margin-bottom:var(--space-lg)}.form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.form-link{font-size:.85rem;color:var(--gold-end);transition:color var(--duration-fast) var(--ease-out)}.form-link:hover{color:var(--gold-start)}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:var(--space-lg);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;overflow-y:auto}.app-sidebar-logo{display:flex;align-items:center;gap:10px;padding:var(--space-md) 0 var(--space-xl);font-family:var(--font-heading);font-weight:800;font-size:1.1rem;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-lg)}.app-sidebar-logo img{height:28px}.app-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.app-sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:11px 14px;border-radius:var(--radius-md);font-size:.9rem;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);font-weight:500;cursor:pointer}.app-sidebar-item:hover{background:#ffffff0f;color:var(--text-primary)}.app-sidebar-item.active{background:#d4af371f;color:var(--gold-end);font-weight:600}.app-sidebar-item .icon{width:22px;text-align:center;font-size:1.05rem}.app-sidebar-item.coming-soon{color:var(--text-tertiary);cursor:default;opacity:.65;position:relative}.app-sidebar-item.coming-soon:hover{background:#ffffff05;color:var(--text-tertiary)}.coming-soon-badge{margin-left:auto;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:var(--radius-full);background:linear-gradient(135deg,#d4af3726,#d4af3714);color:var(--gold-end);border:1px solid rgba(212,175,55,.2);white-space:nowrap}.app-sidebar-section{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding:var(--space-lg) 14px var(--space-sm)}.app-sidebar-credits{padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-top:auto}.app-sidebar-credits-top{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;margin-bottom:var(--space-sm)}.app-sidebar-credits-top span:first-child{color:var(--text-tertiary)}.app-sidebar-credits-top span:last-child{color:var(--gold-end);font-weight:600}.app-main{flex:1;margin-left:260px}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);position:sticky;top:0;z-index:50}.app-topbar-left{font-family:var(--font-heading);font-weight:700;font-size:1.2rem}.app-topbar-right{display:flex;align-items:center;gap:var(--space-lg)}.app-topbar-credits{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;color:var(--text-secondary)}.app-topbar-credits .count{color:var(--gold-end);font-weight:700}.app-topbar-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--purple-start),var(--gold-start));display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.app-page{padding:var(--space-xl)}@media(max-width:768px){.app-sidebar{display:none}.app-main{margin-left:0;padding-bottom:72px}.app-page{padding:16px}.app-topbar{padding:10px 16px}.app-topbar-left{font-size:.95rem}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#0f0f1eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center}@media(max-width:768px){.mobile-bottom-nav{display:flex}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:10px;font-size:.62rem;color:var(--text-tertiary);text-decoration:none;transition:all .2s ease;background:none;border:none;cursor:pointer;min-width:52px;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:var(--gold-end, #D4AF37)}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.15)}.mobile-nav-icon{font-size:1.3rem;line-height:1;transition:transform .2s ease}.mobile-nav-label{font-weight:600;letter-spacing:.01em;white-space:nowrap}.mobile-nav-more-btn{font-family:inherit}.mobile-more-overlay{position:fixed;inset:0;z-index:999;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;animation:fadeIn .15s ease}.mobile-more-panel{width:100%;background:#141428f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;overflow:hidden;animation:slideUp .25s ease;max-height:75vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-more-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-subtle)}.mobile-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px}.mobile-more-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:12px;font-size:.75rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-more-item:hover,.mobile-more-item:active{background:#ffffff0f}.mobile-more-item.active{background:#d4af371a;color:var(--gold-end, #D4AF37)}.mobile-more-icon{font-size:1.4rem;line-height:1}.mobile-more-label{font-weight:600;letter-spacing:.01em;white-space:nowrap;text-align:center}.dash-greeting{margin-bottom:var(--space-xl)}.dash-greeting h1{font-size:1.8rem;margin-bottom:var(--space-xs)}.dash-greeting p{color:var(--text-tertiary);font-size:.95rem}.dash-credits-card{background:linear-gradient(135deg,#d4af370f,#7a3cff0f);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.dash-credits-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.dash-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.dash-quick-action{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.dash-quick-action:hover{background:var(--glass-bg-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.dash-quick-action .icon{font-size:2rem;margin-bottom:var(--space-sm)}.dash-quick-action h3{font-size:1rem;margin-bottom:4px}.dash-quick-action p{font-size:.8rem;color:var(--text-tertiary)}.dash-section-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-lg)}.cta-section{padding:var(--space-4xl) 0;text-align:center;position:relative;overflow:hidden}.cta-section-inner{max-width:700px;margin:0 auto;position:relative;z-index:2}.cta-section h2{margin-bottom:var(--space-md)}.cta-section p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--space-2xl);line-height:1.7}.faq-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.faq-item:hover{border-color:#ffffff1a}.faq-question{padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;font-size:1rem;transition:background var(--duration-fast) var(--ease-out)}.faq-question:hover{background:#ffffff05}.faq-question .arrow{transition:transform var(--duration-fast) var(--ease-out);color:var(--text-tertiary)}.faq-item.open .faq-question .arrow{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out)}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding:0 var(--space-xl) var(--space-xl);color:var(--text-secondary);font-size:.95rem;line-height:1.7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.editor-layout{display:grid;grid-template-columns:240px 1fr 280px;grid-template-rows:1fr 140px;height:calc(100vh - 57px);gap:0}.editor-tools{grid-row:1/3;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);padding:var(--space-md);overflow-y:auto}.editor-canvas{display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative}.editor-properties{grid-row:1/3;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);padding:var(--space-md);overflow-y:auto}.editor-timeline{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);padding:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);overflow-x:auto}.editor-clip-block{height:48px;min-width:80px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.editor-clip-block:hover{transform:scaleY(1.1)}.editor-tool-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.editor-tool-item:hover{background:#ffffff0a;color:var(--text-secondary)}.editor-tool-item.active{background:#d4af3714;color:var(--gold-end)}.masonry-grid{columns:3;column-gap:var(--space-lg)}.masonry-grid>*{break-inside:avoid;margin-bottom:var(--space-lg)}@media(max-width:1024px){.masonry-grid{columns:2}}@media(max-width:768px){.masonry-grid{columns:1}}.blog-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-image{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:2rem}.blog-card-body{padding:var(--space-xl)}.blog-card-body time{font-size:.78rem;color:var(--text-tertiary)}.blog-card-body h3{font-size:1.1rem;margin:var(--space-sm) 0}.blog-card-body p{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.page-hero{padding:140px 0 var(--space-3xl);text-align:center;position:relative}.page-hero h1{margin-bottom:var(--space-md)}.page-hero p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.tab-bar{display:flex;gap:var(--space-sm);padding:var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);margin-bottom:var(--space-xl);width:fit-content}.tab-bar button{padding:10px 22px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease-out)}.tab-bar button.active{background:#d4af371f;color:var(--gold-end)}.tab-bar button:hover:not(.active){color:var(--text-secondary)}.tab-bar button.viral-tab{position:relative;overflow:hidden}.tab-bar button.viral-tab.active{background:linear-gradient(135deg,#ffa5002e,#d4af3738,#ff45001f);color:gold;border:1px solid rgba(255,165,0,.35);box-shadow:0 0 18px #ffa50026,0 0 6px #d4af371a;text-shadow:0 0 8px rgba(255,200,0,.3)}.tab-bar button.viral-tab:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.08),transparent);transition:left .5s ease}.tab-bar button.viral-tab:hover:after,.tab-bar button.viral-tab.active:after{left:100%}.tab-bar button.viral-tab:hover:not(.active){color:gold;text-shadow:0 0 6px rgba(255,200,0,.2)}.viral-premium-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:gold;background:linear-gradient(135deg,#ffa5001f,#d4af3714);border:1px solid rgba(255,165,0,.25);margin-bottom:var(--space-md);position:relative;overflow:hidden;animation:viralPulse 3s ease-in-out infinite}.viral-premium-badge:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);animation:viralShimmer 3s ease-in-out infinite}@keyframes viralShimmer{0%{left:-100%}to{left:100%}}@keyframes viralPulse{0%,to{box-shadow:0 0 8px #ffa5001a}50%{box-shadow:0 0 20px #ffa50033,0 0 40px #ffa5000d}}.viral-glow-card{background:var(--glass-bg);border:1px solid rgba(255,165,0,.2)!important;border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;box-shadow:0 0 20px #ffa5000a,inset 0 0 30px #ffa50005;transition:border-color .3s ease,box-shadow .3s ease}.viral-glow-card:hover{border-color:#ffa50059!important;box-shadow:0 0 30px #ffa50014,inset 0 0 30px #ffa50008}.viral-generate-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#d4af37,#ff8c00,gold)!important;color:#000!important;font-weight:700!important;border:none!important;text-shadow:none;box-shadow:0 4px 20px #ffa5004d,0 0 40px #d4af371a;transition:all .3s ease}.viral-generate-btn:hover{box-shadow:0 6px 30px #ffa50066,0 0 60px #d4af3726;transform:translateY(-1px)}.viral-generate-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:viralBtnShimmer 2.5s ease-in-out infinite}@keyframes viralBtnShimmer{0%{left:-100%}to{left:100%}}.viral-label{background:linear-gradient(90deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.demo-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out;padding:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes barGrow{0%{height:0}}.demo-modal{width:100%;max-width:1000px;max-height:90vh;background:linear-gradient(135deg,#0d0d14,#141420);border:1px solid rgba(255,255,255,.08);border-radius:20px;position:relative;overflow:hidden;animation:slideUp .4s ease-out;display:flex;flex-direction:column;box-shadow:0 40px 80px #00000080,0 0 60px #7a3cff14}.demo-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-tertiary);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.demo-modal-close:hover{background:#ffffff1f;color:#fff;transform:rotate(90deg)}.demo-modal-content{display:grid;grid-template-columns:1fr 1.4fr;flex:1;overflow:hidden}.demo-modal-info{padding:40px 32px;display:flex;flex-direction:column;justify-content:center}.demo-modal-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:6px 14px;border-radius:100px;width:fit-content;margin-bottom:20px}.demo-modal-title{font-size:1.8rem;font-weight:800;font-family:var(--font-heading);margin-bottom:10px;background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-modal-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.demo-modal-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.demo-modal-features li{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--text-secondary);animation:popIn .4s ease-out both}.demo-modal-check{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.demo-modal-step-label{font-size:1.8rem;font-family:var(--font-heading);font-weight:800}.demo-modal-visual{padding:32px 32px 32px 0;display:flex;align-items:center;justify-content:center}.demo-mockup-window{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:#0a0a12;box-shadow:0 12px 40px #0006}.demo-mockup-toolbar{display:flex;align-items:center;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.demo-mockup-dots{display:flex;gap:6px}.demo-mockup-dots span{width:10px;height:10px;border-radius:50%}.demo-mockup-url{margin-left:auto;font-size:.68rem;color:var(--text-tertiary);letter-spacing:.02em;opacity:.6}.demo-mockup-body{min-height:280px;padding:16px}.demo-scene{height:100%}.demo-scene-sidebar{display:flex;flex-direction:column;gap:4px;width:140px;float:left;margin-right:12px}.demo-scene-item{padding:7px 10px;border-radius:8px;font-size:.68rem;color:var(--text-tertiary);border:1px solid transparent;transition:all .2s ease}.demo-scene-item.active{color:#fff;font-weight:600}.demo-scene-main{overflow:hidden}.demo-preview-area{border-radius:10px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative}.demo-play-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 6px 20px #0006;cursor:pointer;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}.demo-preview-label{font-size:.72rem;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase}.demo-timeline{display:flex;gap:4px;margin-top:12px;clear:both}.demo-timeline-track{height:28px;border-radius:6px;animation:popIn .5s ease-out both}.demo-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:100%}.demo-photo-card{border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:120px;animation:popIn .5s ease-out both;transition:transform .3s ease}.demo-photo-card:hover{transform:scale(1.03)}.demo-photo-emoji{font-size:2rem;margin-bottom:6px}.demo-photo-label{font-size:.78rem;font-weight:600;color:#000000b3}.demo-photo-badge{position:absolute;top:8px;right:8px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:100px;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.demo-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-tmpl-card{animation:popIn .4s ease-out both;transition:transform .3s ease}.demo-tmpl-card:hover{transform:translateY(-4px)}.demo-tmpl-thumb{aspect-ratio:9/12;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:6px}.demo-tmpl-label{font-size:.68rem;font-weight:600;color:var(--text-secondary);display:block;text-align:center}.demo-dash{display:flex;flex-direction:column;gap:12px}.demo-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-dash-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;text-align:center;transition:transform .3s ease}.demo-dash-card:hover{transform:translateY(-2px)}.demo-dash-card-val{font-size:1.4rem;font-weight:800;font-family:var(--font-heading)}.demo-dash-card-label{font-size:.7rem;color:var(--text-tertiary);margin-top:2px}.demo-dash-card-change{font-size:.65rem;font-weight:600;margin-top:4px}.demo-dash-chart{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:16px}.demo-dash-chart-label{font-size:.72rem;color:var(--text-tertiary);margin-bottom:12px;font-weight:500}.demo-chart-bars{display:flex;align-items:flex-end;gap:6px;height:80px}.demo-chart-bar{flex:1;border-radius:4px 4px 0 0;animation:barGrow .6s ease-out both;transition:opacity .2s ease}.demo-chart-bar:hover{opacity:.8}.demo-modal-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 32px 24px}.demo-nav-arrow{width:36px;height:36px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.demo-nav-arrow:hover{background:#ffffff1a;color:#fff;transform:scale(1.08)}.demo-modal-dots{display:flex;gap:10px}.demo-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;border:none;cursor:pointer;transition:all .3s ease;padding:0}.demo-dot.active{width:28px;border-radius:100px}.demo-dot:hover:not(.active){background:#ffffff40}@media(max-width:768px){.demo-modal{max-height:95vh;border-radius:14px}.demo-modal-content{grid-template-columns:1fr}.demo-modal-info{padding:28px 24px 16px}.demo-modal-title{font-size:1.4rem}.demo-modal-features{display:none}.demo-modal-visual{padding:0 16px 16px}.demo-scene-sidebar{display:none}.demo-template-grid{grid-template-columns:repeat(2,1fr)}}.ai-photo-page{max-width:900px;margin:0 auto;animation:fadeInUp .6s var(--ease-out) both}.ai-photo-header{position:relative;margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.ai-photo-header-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(212,175,55,.08),transparent 70%);pointer-events:none;z-index:0}.ai-photo-title-row{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1;flex-wrap:wrap;gap:var(--space-md)}.ai-photo-cost-badge{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);background:linear-gradient(135deg,#d4af3714,#d4af3705);border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:ai-photo-float 4s ease-in-out infinite;white-space:nowrap}.ai-photo-cost-icon{font-size:1.1rem}.ai-photo-cost-value{font-family:var(--font-heading);font-weight:800;font-size:1.2rem;background:linear-gradient(135deg,var(--gold-start),var(--gold-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-photo-cost-label{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.ai-photo-status{padding:14px 20px;margin-bottom:var(--space-lg);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;animation:fadeInUp .3s var(--ease-out) both}.ai-photo-status-success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#4ade80}.ai-photo-status-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171}.ai-photo-main{display:flex;flex-direction:column;gap:var(--space-xl)}.ai-photo-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-xl) var(--space-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.ai-photo-card:hover{border-color:#ffffff1a}.ai-photo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.ai-photo-card:hover:before{opacity:1}.ai-photo-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.ai-photo-card-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(135deg,#d4af371a,#7a3cff0f);border:1px solid rgba(212,175,55,.12);flex-shrink:0}.ai-photo-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.ai-photo-card-subtitle{font-size:.8rem;color:var(--text-tertiary);margin:2px 0 0}.ai-photo-textarea{width:100%;padding:18px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);line-height:1.6;resize:vertical;outline:none;transition:all var(--duration-fast) var(--ease-out);min-height:130px}.ai-photo-textarea:focus{border-color:#d4af3766;box-shadow:0 0 0 3px #d4af370f,0 4px 24px #d4af370a;background:#ffffff0d}.ai-photo-textarea::placeholder{color:var(--text-tertiary);font-size:.88rem}.ai-photo-prompt-footer{display:flex;justify-content:flex-end;margin-top:var(--space-sm)}.ai-photo-res-group{margin-bottom:var(--space-lg)}.ai-photo-res-group:last-child{margin-bottom:0}.ai-photo-res-category{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-md);padding-left:4px}.ai-photo-res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.ai-photo-res-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 12px;border-radius:var(--radius-md);background:#ffffff05;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:center;color:var(--text-primary)}.ai-photo-res-option:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.ai-photo-res-active{background:#d4af370f!important;border-color:#d4af3759!important;box-shadow:0 0 20px #d4af370f,0 4px 16px #0003!important}.ai-photo-res-active:hover{border-color:#d4af3780!important}.ai-photo-res-preview{width:52px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.ai-photo-res-shape{background:linear-gradient(135deg,#d4af3726,#7a3cff1a);border-radius:3px;border:1px solid rgba(212,175,55,.15);transition:all var(--duration-fast) var(--ease-out)}.ai-photo-res-active .ai-photo-res-shape{background:linear-gradient(135deg,#d4af374d,#f5d77a26);border-color:#d4af374d}.ai-photo-res-info{display:flex;flex-direction:column;gap:1px}.ai-photo-res-name{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.2}.ai-photo-res-ratio{font-size:.7rem;font-weight:500;color:var(--text-tertiary)}.ai-photo-res-active .ai-photo-res-ratio{color:var(--gold-end)}.ai-photo-res-dims{font-size:.65rem;color:var(--text-tertiary);font-family:SF Mono,Fira Code,monospace;letter-spacing:.02em}.ai-photo-res-active .ai-photo-res-dims{color:#d4af37b3}.ai-photo-res-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--gold-start),var(--gold-end));color:#0a0a0a;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s var(--ease-out) both}.ai-photo-generate-btn{position:relative;width:100%;padding:20px 32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--gold-start),var(--gold-end));color:#0a0a0a;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;cursor:pointer;border:none;overflow:hidden;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 24px #d4af3733,0 0 60px #d4af370d}.ai-photo-generate-btn:hover{transform:translateY(-3px);box-shadow:0 8px 40px #d4af374d,0 0 80px #d4af371a}.ai-photo-generate-btn:active{transform:translateY(-1px)}.ai-photo-generate-btn-glow{position:absolute;inset:0;background:linear-gradient(135deg,var(--gold-end),#FFE082,var(--gold-start));opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.ai-photo-generate-btn:hover .ai-photo-generate-btn-glow{opacity:1}.ai-photo-generate-btn-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}.ai-photo-spinner{width:18px;height:18px;border:2px solid rgba(10,10,10,.2);border-top-color:#0a0a0a;border-radius:50%;animation:spin .8s linear infinite}.ai-photo-summary{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:16px 24px;border-radius:var(--radius-lg);background:#ffffff05;border:1px solid var(--border-subtle);flex-wrap:wrap}.ai-photo-summary-item{display:flex;flex-direction:column;align-items:center;gap:2px}.ai-photo-summary-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.ai-photo-summary-value{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.ai-photo-summary-gold{background:linear-gradient(135deg,var(--gold-start),var(--gold-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.ai-photo-summary-divider{width:1px;height:30px;background:var(--border-subtle)}@media(max-width:768px){.ai-photo-title-row{flex-direction:column;align-items:flex-start}.ai-photo-res-grid{grid-template-columns:repeat(2,1fr)}.ai-photo-card{padding:var(--space-lg) var(--space-md)}.ai-photo-summary{gap:var(--space-md);padding:14px 16px}.ai-photo-summary-divider{display:none}.ai-photo-summary-item{flex:1;min-width:80px}.ai-photo-generate-btn{padding:16px 24px;font-size:.95rem}}@media(max-width:480px){.ai-photo-res-grid{grid-template-columns:1fr 1fr;gap:6px}.ai-photo-res-option{padding:12px 8px 8px}.ai-photo-res-name{font-size:.72rem}.ai-photo-cost-badge{width:100%;justify-content:center}}.ai-photo-preview-card{animation:fadeInUp .4s var(--ease-out) both}.ai-photo-preview-spinner{width:80px;height:80px;border-radius:50%;border:3px solid rgba(212,175,55,.15);border-top-color:var(--gold-end, #D4AF37);animation:spin 1s linear infinite;margin:0 auto 24px}.ai-photo-cancel-btn{margin-top:24px;padding:10px 24px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--border-subtle);transition:all .2s ease}.ai-photo-cancel-btn:hover{background:#f8717133!important;border-color:#f8717166!important;color:#f87171!important}.inf-tab-bar{display:flex;gap:4px;margin-bottom:var(--space-xl);background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:5px;overflow:hidden}.inf-tab{flex:1;padding:14px 20px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-tertiary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;white-space:nowrap}.inf-tab:hover{color:var(--text-secondary);background:#ffffff0a}.inf-tab-active{color:var(--text-primary)!important;background:#ffffff0f!important;box-shadow:0 2px 12px #00000026}.inf-tab-premium.inf-tab-active{background:linear-gradient(135deg,#ec489914,#d4af370f)!important;border:1px solid rgba(236,72,153,.2);box-shadow:0 2px 20px #ec48991a}.inf-tab-crown{font-size:1.1rem}.inf-tab-badge-new{font-size:.55rem;font-weight:800;letter-spacing:.1em;padding:2px 8px;border-radius:20px;background:linear-gradient(135deg,#ec4899,#f59e0b);color:#fff;animation:ai-photo-glow-pulse 3s ease-in-out infinite}.inf-lock-overlay{display:flex;align-items:center;justify-content:center;min-height:500px;background:#ffffff03;border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:var(--space-2xl);position:relative;overflow:hidden}.inf-lock-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(236,72,153,.04) 0%,transparent 70%);pointer-events:none}.inf-lock-content{text-align:center;max-width:480px;position:relative;z-index:1}.inf-lock-icon{font-size:4rem;margin-bottom:var(--space-lg);filter:drop-shadow(0 4px 12px rgba(236,72,153,.3))}.inf-lock-title{font-size:1.6rem;font-weight:800;font-family:var(--font-heading);margin-bottom:var(--space-md);background:linear-gradient(135deg,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inf-lock-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:var(--space-xl)}.inf-lock-features{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl);text-align:left}.inf-lock-feature{display:flex;align-items:center;gap:var(--space-md);padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md)}.inf-lock-feature-icon{font-size:1.6rem;flex-shrink:0}.inf-lock-feature strong{display:block;color:var(--text-primary);font-size:.9rem;margin-bottom:2px}.inf-lock-feature p{color:var(--text-tertiary);font-size:.8rem;margin:0}.inf-lock-btn{padding:16px 40px!important;font-size:1rem!important;font-weight:700!important;border-radius:var(--radius-lg)!important;background:linear-gradient(135deg,#ec4899,#f59e0b)!important;border:none!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;transition:all .3s var(--ease-out);box-shadow:0 4px 24px #ec489940;text-decoration:none}.inf-lock-btn:hover{transform:translateY(-3px);box-shadow:0 8px 40px #ec489959}.inf-panel{display:flex;flex-direction:column;gap:var(--space-xl)}.inf-tier-badge{display:flex;align-items:center;gap:var(--space-md);padding:16px 22px;border-radius:var(--radius-lg);border:1px solid}.inf-tier-starter{background:linear-gradient(135deg,#d4af370f,#f59e0b0a);border-color:#d4af3733}.inf-tier-pro{background:linear-gradient(135deg,#ec489914,#8b5cf60f);border-color:#ec489940;box-shadow:0 0 30px #ec489914}.inf-tier-icon{font-size:1.8rem;flex-shrink:0}.inf-tier-badge strong{display:block;color:var(--text-primary);font-size:.95rem;margin-bottom:2px}.inf-tier-badge p{color:var(--text-tertiary);font-size:.8rem;margin:0}.inf-faces-card{border-color:#ec48991f!important}.inf-add-face{margin-bottom:var(--space-lg)}.inf-add-face-row{display:flex;gap:var(--space-sm);margin-bottom:8px}.inf-face-name-input{flex:1;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--text-primary);font-size:.88rem;outline:none;transition:all .2s ease;font-family:var(--font-body)}.inf-face-name-input:focus{border-color:#ec489966;box-shadow:0 0 0 3px #ec489914}.inf-face-name-input::placeholder{color:var(--text-tertiary)}.inf-upload-btn{padding:12px 20px;background:linear-gradient(135deg,#ec48991f,#d4af3714);border:1px solid rgba(236,72,153,.25);border-radius:var(--radius-md);color:#ec4899;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.inf-upload-btn:hover{background:linear-gradient(135deg,#ec48992e,#d4af371f);border-color:#ec489966;transform:translateY(-1px);box-shadow:0 4px 16px #ec489926}.inf-upload-btn:disabled{opacity:.6;cursor:not-allowed}.inf-add-face-hint{font-size:.75rem;color:var(--text-tertiary);margin:0}.inf-faces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.inf-face-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;background:#ffffff05;border:2px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-out);text-align:center}.inf-face-card:hover{background:#ec48990a;border-color:#ec489933;transform:translateY(-2px);box-shadow:0 4px 20px #ec48991a}.inf-face-selected{background:#ec48990f!important;border-color:#ec489966!important;box-shadow:0 0 24px #ec48991f,0 4px 16px #0003!important}.inf-face-img-wrap{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.08);flex-shrink:0}.inf-face-selected .inf-face-img-wrap{border-color:#ec4899;box-shadow:0 0 16px #ec48994d}.inf-face-img{width:100%;height:100%;object-fit:cover}.inf-face-check{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f59e0b);color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s var(--ease-out) both;box-shadow:0 2px 8px #ec489966}.inf-face-name{font-size:.78rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.inf-face-delete{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.1);color:#f87171;font-size:.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease}.inf-face-card:hover .inf-face-delete{opacity:1}.inf-face-delete:hover{background:#f8717133;border-color:#f8717166;transform:scale(1.1)}.inf-empty-faces{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-secondary);font-size:.9rem}.inf-generate-card{border-color:#f59e0b1f!important}.inf-selected-indicator{display:flex;align-items:center;gap:var(--space-md);padding:12px 16px;background:linear-gradient(135deg,#ec48990f,#d4af370a);border:1px solid rgba(236,72,153,.15);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.inf-selected-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(236,72,153,.3)}.inf-selected-label{display:block;font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.inf-selected-name{font-size:.95rem;color:var(--text-primary)}.inf-no-selection{padding:14px 16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.85rem;text-align:center;margin-bottom:var(--space-lg)}.inf-generate-btn{position:relative;width:100%;padding:20px 32px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#ec4899,#f59e0b);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;cursor:pointer;border:none;overflow:hidden;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 24px #ec489933,0 0 60px #ec48990d}.inf-generate-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 40px #ec48994d,0 0 80px #ec48991a}.inf-generate-btn:active:not(:disabled){transform:translateY(-1px)}.inf-generate-btn-glow{position:absolute;inset:0;background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.inf-generate-btn:hover:not(:disabled) .inf-generate-btn-glow{opacity:1}.inf-generate-btn-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.inf-tab-bar,.inf-add-face-row{flex-direction:column}.inf-faces-grid{grid-template-columns:repeat(3,1fr)}.inf-lock-overlay{min-height:400px;padding:var(--space-xl)}.inf-lock-title{font-size:1.3rem}.inf-tier-badge{flex-direction:column;text-align:center}}@media(max-width:480px){.inf-faces-grid{grid-template-columns:repeat(2,1fr);gap:8px}.inf-face-img-wrap{width:56px;height:56px}.inf-generate-btn{padding:16px 20px;font-size:.92rem}.inf-tab-badge-new{display:none}}.referral-header{margin-bottom:var(--space-xl)}.referral-header h2{font-size:1.8rem;margin-bottom:var(--space-sm)}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.referral-stat-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.referral-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.25),transparent);opacity:0;transition:opacity .3s ease}.referral-stat-card:hover{border-color:#d4af3733;transform:translateY(-3px);box-shadow:0 8px 32px #d4af370f}.referral-stat-card:hover:before{opacity:1}.referral-stat-icon{font-size:1.5rem;margin-bottom:var(--space-sm)}.referral-stat-value{font-size:2rem;font-weight:800;font-family:var(--font-heading);margin-bottom:4px}.referral-stat-label{font-size:.8rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.referral-link-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.referral-link-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-start),var(--purple),var(--gold-end))}.referral-link-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.referral-link-header h3{font-size:1.15rem;font-weight:700}.referral-code-badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:var(--radius-full);background:linear-gradient(135deg,#d4af371a,#8b5cf614);border:1px solid rgba(212,175,55,.2);font-family:SF Mono,Fira Code,monospace;font-size:.82rem;font-weight:600;color:var(--gold);letter-spacing:.04em}.referral-link-input-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.referral-link-input{flex:1;font-family:SF Mono,Fira Code,monospace!important;font-size:.82rem!important;letter-spacing:.02em;cursor:text}.referral-copy-btn{white-space:nowrap;min-width:140px;transition:all .3s ease!important}.btn-success-glow{background:linear-gradient(135deg,#10b981,#34d399)!important;color:#fff!important;border-color:#10b981!important;box-shadow:0 0 20px #10b9814d!important}.referral-share-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.referral-share-buttons{display:flex;gap:8px}.referral-share-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.referral-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.referral-share-twitter:hover{background:#1da1f226;border-color:#1da1f266;color:#1da1f2}.referral-share-facebook:hover{background:#3b599826;border-color:#3b599866;color:#4267b2}.referral-share-whatsapp:hover{background:#25d36626;border-color:#25d36666;color:#25d366}.referral-share-email:hover{background:#d4af371f;border-color:#d4af374d;color:var(--gold)}.referral-how-it-works{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:var(--space-xl)}.referral-steps{display:flex;align-items:stretch;gap:var(--space-md)}.referral-step{flex:1;text-align:center;padding:var(--space-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-lg);transition:all .3s ease;position:relative}.referral-step:hover{border-color:#d4af3726;background:#d4af3708;transform:translateY(-2px)}.referral-step-number{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:24px;height:24px;background:linear-gradient(135deg,var(--gold-start),var(--gold-end));border-radius:50%;font-size:.7rem;font-weight:800;color:#0a0a0a;display:flex;align-items:center;justify-content:center}.referral-step-icon{font-size:2rem;margin-bottom:var(--space-sm)}.referral-step h4{font-size:.95rem;font-weight:700;margin-bottom:6px}.referral-step p{font-size:.8rem;color:var(--text-tertiary);line-height:1.5;margin:0}.referral-step-connector{display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--text-tertiary);opacity:.4;flex-shrink:0}.referral-history{margin-bottom:var(--space-xl)}.referral-table-wrapper{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.referral-table{width:100%;border-collapse:collapse}.referral-table th{text-align:left;padding:14px 20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--glass-border);background:#ffffff05}.referral-table td{padding:14px 20px;font-size:.88rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.03)}.referral-table tr:last-child td{border-bottom:none}.referral-table tr:hover td{background:#ffffff05}.referral-table-num{font-family:SF Mono,Fira Code,monospace;font-weight:600;color:var(--text-tertiary);font-size:.8rem}.referral-credits-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);background:linear-gradient(135deg,#d4af371a,#d4af370d);border:1px solid rgba(212,175,55,.2);color:var(--gold);font-weight:700;font-size:.82rem;font-family:var(--font-heading)}.referral-loading-spinner{width:36px;height:36px;border:3px solid rgba(212,175,55,.1);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@media(max-width:768px){.referral-stats{grid-template-columns:1fr;gap:var(--space-sm)}.referral-stat-card{padding:var(--space-lg) var(--space-md);display:flex;align-items:center;gap:var(--space-md);text-align:left}.referral-stat-icon{margin-bottom:0;font-size:1.3rem}.referral-stat-value{font-size:1.5rem}.referral-link-input-row{flex-direction:column}.referral-copy-btn{width:100%}.referral-steps{flex-direction:column}.referral-step-connector{transform:rotate(90deg);padding:4px 0}.referral-table th,.referral-table td{padding:10px 14px;font-size:.82rem}}@media(max-width:480px){.referral-link-card,.referral-how-it-works{padding:var(--space-lg) var(--space-md)}.referral-share-btn{width:36px;height:36px}}.ve-container{max-width:1100px;margin:0 auto}.ve-hero{text-align:center;padding:40px 0 48px}.ve-hero-title{font-size:2.6rem;font-weight:800;background:linear-gradient(135deg,#f5c842,#e8a820,#ff6b9d,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:12px;letter-spacing:-.02em}.ve-hero-subtitle{color:#a0a0b0;font-size:1.05rem;max-width:560px;margin:0 auto 28px;line-height:1.6}.ve-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ve-badge{display:inline-flex;align-items:center;gap:4px;padding:7px 16px;border-radius:100px;font-size:.78rem;font-weight:600;color:#f5c842;background:#f5c8420f;border:1px solid rgba(245,200,66,.18);white-space:nowrap;transition:all .25s ease}.ve-badge:hover{background:#f5c8421f;border-color:#f5c84259;transform:translateY(-1px)}.ve-config-bar{position:sticky;top:57px;z-index:40;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#12121af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #2A2A3A;border-radius:12px;margin-bottom:32px}.ve-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:background .3s}.ve-dot-green{background:#2ecc71;box-shadow:0 0 8px #2ecc7180}.ve-dot-red{background:#e74c3c;box-shadow:0 0 8px #e74c3c80}.ve-config-fields{flex:1;display:flex;gap:16px}.ve-config-field{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.ve-config-field label{font-size:.78rem;color:#a0a0b0;white-space:nowrap;font-weight:600}.ve-config-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #2A2A3A;background:#1a1a26;color:#f0f0f0;font-family:SF Mono,Fira Code,monospace;font-size:.78rem;outline:none;transition:border-color .25s ease;min-width:0}.ve-config-input:focus{border-color:#f5c842;box-shadow:0 0 0 3px #f5c8421a}.ve-save-confirm{font-size:.78rem;color:#2ecc71;font-weight:600;animation:veSlideUp .3s ease;white-space:nowrap}.ve-btn-gold{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:12px;font-size:.85rem;font-weight:700;color:#000;background:linear-gradient(135deg,#f5c842,#e8a820);border:none;cursor:pointer;transition:all .25s ease;text-decoration:none;white-space:nowrap}.ve-btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f5c8424d}.ve-btn-sm{padding:7px 16px;font-size:.78rem}.ve-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:12px;font-size:.85rem;font-weight:600;color:#a0a0b0;background:#ffffff0a;border:1px solid #2A2A3A;cursor:pointer;transition:all .25s ease}.ve-btn-secondary:hover{background:#ffffff14;color:#f0f0f0;border-color:#ffffff26}.ve-steps{display:flex;align-items:flex-start;gap:0;padding:0 0 36px;overflow-x:auto;scroll-snap-type:x mandatory}.ve-step{display:flex;align-items:center;gap:10px;flex:1;min-width:0;scroll-snap-align:start}.ve-step-circle{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;transition:all .4s ease}.ve-step-pending .ve-step-circle{background:#1a1a26;color:#a0a0b0;border:2px solid #2A2A3A}.ve-step-active .ve-step-circle{background:linear-gradient(135deg,#f5c842,#e8a820);color:#000;border:2px solid transparent;animation:vePulse 2s ease-in-out infinite}.ve-step-done .ve-step-circle{background:#2ecc71;color:#fff;border:2px solid transparent}.ve-step-info{display:flex;flex-direction:column;min-width:0}.ve-step-title{font-size:.82rem;font-weight:600;color:#f0f0f0;white-space:nowrap}.ve-step-desc{font-size:.7rem;color:#a0a0b0;white-space:nowrap}.ve-step-line{flex:1;height:2px;margin:0 10px;min-width:20px;border-radius:1px;transition:background .4s ease}.ve-step-line-pending{background:#2a2a3a}.ve-step-line-active{background:linear-gradient(90deg,#f5c842,#2a2a3a)}.ve-step-line-done{background:#2ecc71}.ve-card{background:#12121a;border:1px solid #2A2A3A;border-radius:16px;padding:28px;margin-bottom:24px;transition:border-color .3s ease}.ve-card:hover{border-color:#f5c84226}.ve-card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.ve-card-icon{font-size:1.6rem;line-height:1}.ve-card-title{font-size:1.15rem;font-weight:700;color:#f0f0f0;margin:0 0 4px}.ve-card-desc{font-size:.82rem;color:#a0a0b0;margin:0}.ve-upload-zone{position:relative;border:2px dashed #2A2A3A;border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.ve-upload-zone:hover{border-color:#f5c84266;background:#f5c84205}.ve-upload-zone.ve-drop-active{border-color:#f5c842;background:#f5c8420f;box-shadow:inset 0 0 30px #f5c8420d}.ve-upload-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.ve-upload-content{position:relative;z-index:1}.ve-upload-title{color:#f0f0f0;font-size:1rem;font-weight:600;margin:12px 0 6px}.ve-upload-hint{color:#a0a0b0;font-size:.78rem}.ve-thumbs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:24px}.ve-thumb{border-radius:12px;border:1px solid #2A2A3A;overflow:hidden;transition:all .25s ease;background:#1a1a26}.ve-thumb:hover{border-color:#f5c842;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.ve-thumb-inner{position:relative;aspect-ratio:9 / 16;background:#0a0a0f}.ve-thumb-num{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#f5c842,#e8a820);color:#000;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px #0000004d}.ve-thumb-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#e74c3cd9;color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:2;transition:all .2s ease;line-height:1}.ve-thumb-remove:hover{background:#e74c3c;transform:scale(1.15)}.ve-thumb-info{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.ve-thumb-name{font-size:.72rem;color:#f0f0f0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ve-thumb-size{font-size:.68rem;color:#a0a0b0}.ve-clip-tabs{display:flex;gap:4px;padding:4px;background:#0a0a0f;border-radius:12px;margin-bottom:24px}.ve-clip-tab{flex:1;padding:10px 16px;border-radius:10px;font-size:.82rem;font-weight:600;color:#a0a0b0;background:transparent;border:none;cursor:pointer;transition:all .25s ease}.ve-clip-tab:hover{color:#f0f0f0;background:#ffffff0a}.ve-clip-tab-active{color:#f5c842!important;background:#f5c8421a!important;border-bottom:2px solid #F5C842}.ve-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ve-edit-col{display:flex;flex-direction:column}.ve-edit-section-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;color:#a0a0b0;text-transform:uppercase;margin-bottom:12px}.ve-edit-row{display:flex;gap:12px}.ve-edit-field{flex:1;display:flex;flex-direction:column;gap:4px}.ve-edit-field label{font-size:.75rem;color:#a0a0b0;font-weight:500}.ve-input{padding:10px 14px;border-radius:10px;border:1px solid #2A2A3A;background:#1a1a26;color:#f0f0f0;font-size:.85rem;outline:none;transition:border-color .25s ease;width:100%;box-sizing:border-box}.ve-input:focus{border-color:#f5c842;box-shadow:0 0 0 3px #f5c84214}.ve-hint{font-size:.7rem;color:#a0a0b099;margin-top:4px;font-style:italic}.ve-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#1a1a26;outline:none;margin:4px 0;border:1px solid #2A2A3A}.ve-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f5c842,#e8a820);cursor:pointer;box-shadow:0 2px 8px #f5c8424d;transition:transform .15s ease}.ve-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.ve-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f5c842,#e8a820);cursor:pointer;border:none;box-shadow:0 2px 8px #f5c8424d}.ve-slider-value{font-size:.78rem;color:#f5c842;font-weight:600;margin-top:4px;font-family:SF Mono,Fira Code,monospace}.ve-effects-row{display:flex;flex-wrap:wrap;gap:16px}.ve-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#f0f0f0;cursor:pointer;padding:8px 14px;border-radius:10px;border:1px solid #2A2A3A;background:#1a1a26;transition:all .25s ease;-webkit-user-select:none;user-select:none}.ve-checkbox-label:hover{border-color:#f5c8424d;background:#f5c8420a}.ve-checkbox{display:none}.ve-checkbox-custom{width:18px;height:18px;border-radius:5px;border:2px solid #2A2A3A;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;position:relative}.ve-checkbox:checked+.ve-checkbox-custom{background:linear-gradient(135deg,#f5c842,#e8a820);border-color:transparent}.ve-checkbox:checked+.ve-checkbox-custom:after{content:"✓";color:#000;font-size:.65rem;font-weight:800}.ve-rotation-row{display:flex;gap:12px;flex-wrap:wrap}.ve-radio-label{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#f0f0f0;cursor:pointer;padding:8px 16px;border-radius:10px;border:1px solid #2A2A3A;background:#1a1a26;transition:all .25s ease;-webkit-user-select:none;user-select:none}.ve-radio-label:hover{border-color:#f5c8424d}.ve-radio{display:none}.ve-radio-custom{width:16px;height:16px;border-radius:50%;border:2px solid #2A2A3A;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ve-radio:checked+.ve-radio-custom{border-color:#f5c842}.ve-radio:checked+.ve-radio-custom:after{content:"";width:8px;height:8px;border-radius:50%;background:#f5c842}.ve-btn-copy-all{margin-top:24px;padding:10px 20px;border-radius:10px;font-size:.82rem;font-weight:600;color:#a0a0b0;background:#ffffff08;border:1px solid #2A2A3A;cursor:pointer;transition:all .25s ease}.ve-btn-copy-all:hover{color:#f0f0f0;border-color:#f5c8424d;background:#f5c8420d}.ve-no-subs-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:.88rem;font-weight:600;color:#a0a0b0;background:#1a1a26;border:1px solid #2A2A3A;cursor:pointer;transition:all .25s ease;margin-bottom:24px}.ve-no-subs-active{border-color:#e74c3c;color:#e74c3c;background:#e74c3c0f}.ve-selected-badge{padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:700;color:#2ecc71;background:#2ecc711a;border:1px solid rgba(46,204,113,.25)}.ve-category-section{margin-bottom:32px}.ve-category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.ve-category-title{font-size:1rem;font-weight:700;color:#f0f0f0;margin:0;letter-spacing:.01em}.ve-category-badge{padding:3px 10px;border-radius:100px;font-size:.68rem;font-weight:700;border:1px solid;letter-spacing:.03em;text-transform:uppercase}.ve-karaoke-indicator{display:flex;align-items:center;gap:12px;padding:14px 20px;margin-bottom:24px;border-radius:12px;background:#2ecc710f;border:1px solid rgba(46,204,113,.25);animation:veSlideUp .3s ease}.ve-karaoke-indicator>span:first-child{font-size:1.5rem;flex-shrink:0}.ve-karaoke-indicator>div{display:flex;flex-direction:column;gap:2px}.ve-karaoke-indicator strong{font-size:.88rem;font-weight:700;color:#2ecc71}.ve-karaoke-indicator>div>span{font-size:.78rem;color:#a0a0b0}.ve-template-search-wrap{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;border-radius:14px;background:#ffffff08;border:1px solid #2A2A3A;transition:border-color .25s ease,box-shadow .25s ease}.ve-template-search-wrap:focus-within{border-color:#f5c84266;box-shadow:0 0 0 3px #f5c84214}.ve-template-search-icon{font-size:1rem;flex-shrink:0;opacity:.6}.ve-template-search{flex:1;border:none;background:transparent;color:#f0f0f0;font-size:.88rem;outline:none;font-weight:500}.ve-template-search::placeholder{color:#a0a0b080}.ve-template-search-clear{background:#ffffff14;border:none;color:#a0a0b0;font-size:.72rem;width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ve-template-search-clear:hover{background:#e74c3c33;color:#e74c3c}.ve-template-count-badge{padding:4px 12px;border-radius:100px;font-size:.68rem;font-weight:700;color:#f5c842;background:#f5c84214;border:1px solid rgba(245,200,66,.2);white-space:nowrap;flex-shrink:0}.ve-category-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(245,200,66,.2) transparent;-webkit-overflow-scrolling:touch}.ve-category-tabs::-webkit-scrollbar{height:4px}.ve-category-tabs::-webkit-scrollbar-track{background:transparent}.ve-category-tabs::-webkit-scrollbar-thumb{background:#f5c84226;border-radius:2px}.ve-category-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;font-size:.78rem;font-weight:600;color:#a0a0b0;background:#ffffff08;border:1px solid #2A2A3A;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.ve-category-tab:hover{background:#f5c8420d;border-color:#f5c84233;color:#f0f0f0}.ve-category-tab-active{background:#f5c8421a!important;border-color:#f5c842!important;color:#f5c842!important;box-shadow:0 0 12px #f5c8421a}.ve-tab-count{padding:1px 7px;border-radius:100px;font-size:.62rem;font-weight:700;background:#ffffff0f;color:inherit;opacity:.7}.ve-emoji-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;margin-bottom:24px;border-radius:12px;background:#ff8c000f;border:1px solid rgba(255,140,0,.25);animation:veSlideUp .3s ease}.ve-emoji-toggle-info{display:flex;align-items:center;gap:12px}.ve-emoji-toggle-icon{font-size:1.5rem;flex-shrink:0}.ve-emoji-toggle-info>div{display:flex;flex-direction:column;gap:2px}.ve-emoji-toggle-info strong{font-size:.88rem;font-weight:700;color:#ff8c00}.ve-emoji-toggle-info>div>span{font-size:.78rem;color:#a0a0b0}.ve-template-emoji-tag{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:100px;font-size:.62rem;font-weight:700;color:#ff8c00;background:#ff8c0026;border:1px solid rgba(255,140,0,.3);z-index:2}.ve-templates-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.ve-template-card{border-radius:14px;border:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:#16161f;box-shadow:0 2px 8px #00000040,inset 0 0 0 1px #ffffff08}.ve-template-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006,0 0 16px #f5c8420f;border-color:#f5c84259}.ve-template-card:hover .ve-template-preview img{filter:brightness(1.15)}.ve-template-selected{border-color:#f5c842!important;box-shadow:0 0 20px #f5c84233,0 4px 16px #0000004d}.ve-template-check{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:700;color:#000;background:linear-gradient(135deg,#f5c842,#e8a820);z-index:2;box-shadow:0 2px 8px #0000004d}.ve-template-karaoke-tag{position:absolute;top:10px;left:10px;padding:3px 10px;border-radius:100px;font-size:.62rem;font-weight:700;color:#2ecc71;background:#2ecc7126;border:1px solid rgba(46,204,113,.3);z-index:2}.ve-template-preview{aspect-ratio:16 / 9;position:relative;overflow:hidden;background:#1e1e2e;display:flex;align-items:center;justify-content:center}.ve-template-preview:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14;border-radius:inherit;pointer-events:none;z-index:1}.ve-template-preview img{transition:transform .35s cubic-bezier(.4,0,.2,1)}.ve-template-card:hover .ve-template-preview img{transform:scale(1.05)}.ve-template-preview-text{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-align:center;line-height:1.2;max-width:90%;transition:transform .35s ease}.ve-preview-glow{animation:veGlowPulse 2.5s ease-in-out infinite alternate}@keyframes veGlowPulse{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.ve-template-card:hover .ve-template-preview-text{transform:scale(1.08)}.ve-template-info{padding:10px 12px 11px;background:#16161f;display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(255,255,255,.06)}.ve-template-name{font-size:.74rem;font-weight:700;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ve-template-desc{font-size:.64rem;color:#8888a0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ve-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.ve-setting-group{display:flex;flex-direction:column;gap:6px}.ve-setting-label{font-size:.75rem;font-weight:600;color:#a0a0b0;text-transform:uppercase;letter-spacing:.06em}.ve-select{padding:11px 14px;border-radius:10px;border:1px solid #2A2A3A;background:#1a1a26;color:#f0f0f0;font-size:.85rem;font-weight:500;outline:none;cursor:pointer;transition:border-color .25s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A0A0B0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.ve-select option{background:#1a1a26;color:#f0f0f0}.ve-select:focus{border-color:#f5c842}.ve-toggles{display:flex;flex-direction:column;gap:12px}.ve-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:#1a1a26;border:1px solid #2A2A3A;transition:border-color .25s ease}.ve-toggle-row:hover{border-color:#f5c84233}.ve-toggle-label{font-size:.85rem;font-weight:500;color:#f0f0f0}.ve-toggle{width:50px;height:28px;border-radius:14px;background:#2a2a3a;border:none;cursor:pointer;position:relative;transition:background .3s ease;padding:0;flex-shrink:0}.ve-toggle-on{background:linear-gradient(135deg,#f5c842,#e8a820)}.ve-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0003}.ve-toggle-on .ve-toggle-knob{transform:translate(22px)}.ve-generate-section{background:linear-gradient(135deg,#12121a,#1a1a26);border:1px solid #2A2A3A;border-radius:16px;padding:36px;text-align:center;margin-bottom:24px}.ve-gen-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}.ve-gen-badge{padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:600;color:#a0a0b0;background:#ffffff0a;border:1px solid #2A2A3A}.ve-btn-generate{display:inline-flex;align-items:center;gap:8px;padding:16px 56px;border-radius:12px;font-size:1.1rem;font-weight:800;color:#000;background:linear-gradient(135deg,#f5c842,#e8a820);border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ve-btn-generate:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:viralBtnShimmer 3s ease-in-out infinite}.ve-btn-generate:hover:not(.ve-btn-disabled){transform:translateY(-2px);box-shadow:0 12px 36px #f5c84259}.ve-btn-disabled{background:#2a2a3a!important;color:#666!important;cursor:not-allowed;box-shadow:none}.ve-btn-disabled:after{display:none}.ve-gen-status{margin-top:16px;font-size:.82rem;color:#a0a0b0}.ve-error-box{margin-top:20px;padding:14px 20px;border-radius:12px;background:#e74c3c14;border:1px solid rgba(231,76,60,.25);color:#e74c3c;font-size:.88rem;font-weight:500;display:inline-block}.ve-progress-section{background:#12121a;border:1px solid #2A2A3A;border-radius:16px;padding:36px;margin-bottom:24px;animation:veSlideUp .4s ease}.ve-progress-title{font-size:1.2rem;font-weight:700;color:#f0f0f0;margin-bottom:24px;text-align:center}.ve-progress-bar-wrap{display:flex;align-items:center;gap:16px;margin-bottom:28px}.ve-progress-bar-track{flex:1;height:10px;background:#1a1a26;border-radius:8px;overflow:hidden}.ve-progress-bar-fill{height:100%;background:linear-gradient(90deg,#f5c842,#e8a820);border-radius:8px;transition:width .5s ease}.ve-progress-percent{font-size:.88rem;font-weight:700;color:#f5c842;min-width:40px;text-align:right;font-family:SF Mono,Fira Code,monospace}.ve-progress-steps{display:flex;flex-direction:column;gap:10px}.ve-progress-step-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#a0a0b0;padding:6px 0}.ve-pdot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.ve-pdot-pending .ve-pdot{background:#2a2a3a}.ve-pdot-active .ve-pdot{background:#f5c842;animation:vePulse 1.5s ease-in-out infinite}.ve-pdot-done .ve-pdot{background:#2ecc71}.ve-pdot-done{color:#2ecc71}.ve-pdot-active{color:#f5c842;font-weight:600}.ve-elapsed{text-align:center;margin-top:20px;font-size:.82rem;color:#a0a0b0;font-family:SF Mono,Fira Code,monospace}.ve-result-section{border:1px solid #2ECC71;background:#12121a;border-radius:16px;padding:36px;text-align:center;margin-bottom:24px;animation:veSlideUp .4s ease}.ve-result-title{font-size:1.5rem;font-weight:800;color:#2ecc71;margin-bottom:8px}.ve-result-time{font-size:.88rem;color:#a0a0b0;margin-bottom:28px}.ve-result-video{margin:0 auto 28px;display:flex;justify-content:center}.ve-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:1200px){.ve-templates-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.ve-templates-grid{grid-template-columns:repeat(3,1fr)}.ve-settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.ve-templates-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:480px){.ve-templates-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:768px){.ve-hero-title{font-size:1.8rem}.ve-config-bar{flex-direction:column;align-items:stretch;gap:10px}.ve-config-fields{flex-direction:column;gap:8px}.ve-config-field{flex-direction:column;align-items:stretch;gap:4px}.ve-steps{flex-direction:column;gap:8px}.ve-step-line{display:none}.ve-edit-grid{grid-template-columns:1fr;gap:24px}.ve-templates-grid{grid-template-columns:repeat(3,1fr)}.ve-settings-grid{grid-template-columns:1fr}.ve-thumbs-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.ve-btn-generate{padding:14px 32px;font-size:.95rem}.ve-generate-section,.ve-progress-section,.ve-result-section{padding:24px 16px}.ve-card{padding:20px 16px}.ve-effects-row{gap:8px}.ve-checkbox-label{font-size:.75rem;padding:6px 10px}.ve-result-actions{flex-direction:column;align-items:center}.ve-badges{gap:6px}.ve-badge{font-size:.7rem;padding:5px 12px}}@media(max-width:480px){.ve-hero-title{font-size:1.5rem}.ve-hero-subtitle{font-size:.9rem}.ve-rotation-row{flex-direction:column;gap:8px}.ve-clip-tabs{overflow-x:auto}.ve-template-text{font-size:.85rem}}.ve-wizard-nav{display:flex;align-items:center;gap:12px;padding:24px 0 16px;margin-top:8px;border-top:1px solid #2A2A3A}.ve-btn-nav-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.ve-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media(max-width:768px){.ve-wizard-nav{padding:16px 0 12px}}.ve-preview-card{background:linear-gradient(145deg,#12121cf2,#0c0c14fa);border:1.5px solid rgba(212,175,55,.2);border-radius:18px;overflow:hidden;margin:16px auto 0;transition:border-color .35s ease,box-shadow .35s ease;position:relative}.ve-preview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.5),transparent);z-index:1}.ve-preview-card:hover{border-color:#d4af3766;box-shadow:0 8px 32px #d4af3714}.ve-preview-portrait{max-width:360px}.ve-preview-landscape{max-width:100%}.ve-preview-player{background:#000;padding:10px;border-radius:18px 18px 0 0}.ve-preview-player video{border-radius:12px!important;box-shadow:0 4px 20px #0006}.ve-preview-info{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.ve-preview-details{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.ve-preview-icon{font-size:1.4rem;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#d4af3714;border-radius:10px;flex-shrink:0}.ve-preview-name{font-weight:600;font-size:.82rem;color:#f0f0f5;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ve-preview-meta{font-size:.72rem;color:#ffffff73;margin:0}.ve-preview-actions{display:flex;gap:6px;flex-shrink:0}.ve-btn-remove{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:6px 12px;border-radius:8px;font-size:.75rem;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;white-space:nowrap}.ve-btn-remove:hover{background:#ef444426;border-color:#ef444466}.ve-preview-portrait .ve-preview-info{flex-direction:column;align-items:stretch;gap:10px}.ve-preview-portrait .ve-preview-actions{justify-content:flex-end}@media(max-width:600px){.ve-preview-info{flex-direction:column;align-items:stretch;gap:10px}.ve-preview-actions{justify-content:flex-end}}.vv-container{max-width:900px;margin:0 auto;padding:0 20px 60px;font-family:Inter,sans-serif}.vv-hero{text-align:center;margin-bottom:36px;padding:44px 24px 32px}.vv-hero-icon{font-size:3rem;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(245,100,30,.5))}.vv-hero-title{font-size:2.6rem;font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#f5c842,#ff6b35,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.vv-hero-subtitle{font-size:1.05rem;color:#a0a0b0;max-width:600px;margin:0 auto 20px;line-height:1.6}.vv-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.vv-badge{padding:7px 16px;border-radius:100px;font-size:.78rem;font-weight:600;color:#f0f0f0;background:#ffffff0a;border:1px solid #2A2A3A;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease}.vv-badge:hover{border-color:#f5c8424d;background:#f5c8420f}.vv-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.vv-card{background:linear-gradient(145deg,#12121cf2,#0c0c14fa);border:1px solid #2A2A3A;border-radius:16px;padding:28px;position:relative;overflow:hidden}.vv-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(245,200,66,.3),transparent)}.vv-card-prompt{margin-bottom:20px}.vv-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.vv-card-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f5c84214;border-radius:12px;flex-shrink:0}.vv-card-title{font-size:1.05rem;font-weight:700;color:#f0f0f0;margin:0}.vv-card-desc{font-size:.82rem;color:#a0a0b0;margin:2px 0 0}.vv-upload-zone{border:2px dashed #2A2A3A;border-radius:14px;padding:36px 24px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;background:#0a0a0f80}.vv-upload-zone:hover,.vv-drop-active{border-color:#f5c842;background:#f5c8420a;box-shadow:0 0 24px #f5c84214}.vv-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.vv-upload-emoji{font-size:2.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.vv-upload-title{font-size:1rem;font-weight:600;color:#f0f0f0;margin:4px 0 0}.vv-upload-hint{font-size:.78rem;color:#666;margin:0}.vv-file-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.vv-file-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#1a1a26b3;border:1px solid #2A2A3A;border-radius:12px;transition:all .25s ease}.vv-file-item:hover{border-color:#f5c84233}.vv-file-thumb{width:56px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#0a0a14}.vv-file-thumb video{width:100%;height:100%;object-fit:cover}.vv-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vv-file-name{font-size:.82rem;font-weight:600;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vv-file-size{font-size:.72rem;color:#666}.vv-file-remove{width:30px;height:30px;border-radius:8px;border:1px solid rgba(231,76,60,.2);background:#e74c3c14;color:#e74c3c;font-size:.78rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vv-file-remove:hover{background:#e74c3c2e;border-color:#e74c3c66}.vv-setting-group{margin-bottom:22px}.vv-setting-label{font-size:.75rem;font-weight:600;color:#a0a0b0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:block}.vv-pill-row{display:flex;gap:8px}.vv-pill{min-width:44px;height:44px;border-radius:99px;border:2px solid #2A2A3A;background:#1a1a26;color:#a0a0b0;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.vv-pill:hover{border-color:#f5c84266;color:#f5c842}.vv-pill-active{background:linear-gradient(135deg,#f5c842,#e8a820);border-color:#f5c842;color:#000;box-shadow:0 4px 16px #f5c84240;transform:scale(1.05)}.vv-select{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #2A2A3A;background:#1a1a26;color:#f0f0f0;font-size:.88rem;font-weight:500;outline:none;cursor:pointer;transition:border-color .25s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A0A0B0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;font-family:Inter,sans-serif}.vv-select option{background:#1a1a26;color:#f0f0f0}.vv-select:focus{border-color:#f5c842}.vv-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;background:#1a1a26;border:1px solid #2A2A3A;transition:border-color .25s ease}.vv-toggle-row:hover{border-color:#f5c84233}.vv-toggle-info{display:flex;align-items:center;gap:12px}.vv-toggle-icon{font-size:1.4rem;flex-shrink:0}.vv-toggle-info>div{display:flex;flex-direction:column;gap:2px}.vv-toggle-info strong{font-size:.85rem;font-weight:700;color:#f0f0f0}.vv-toggle-hint{font-size:.72rem;color:#666}.vv-toggle{width:50px;height:28px;border-radius:14px;background:#2a2a3a;border:none;cursor:pointer;position:relative;transition:background .3s ease;padding:0;flex-shrink:0;-webkit-user-select:none;user-select:none}.vv-toggle-on{background:linear-gradient(135deg,#f5c842,#e8a820)}.vv-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0003}.vv-toggle-on .vv-toggle-knob{transform:translate(22px)}.vv-estimate{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:#7b5ea714;border:1px solid rgba(123,94,167,.2);color:#a0a0b0;font-size:.82rem;font-weight:500}.vv-estimate-icon{font-size:1.1rem}.vv-textarea{width:100%;padding:16px 18px;border-radius:12px;border:1px solid #2A2A3A;background:#1a1a26;color:#f0f0f0;font-size:.88rem;font-family:Inter,sans-serif;line-height:1.6;resize:vertical;min-height:80px;outline:none;transition:border-color .25s ease;box-sizing:border-box}.vv-textarea:focus{border-color:#f5c842}.vv-textarea::placeholder{color:#555}.vv-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.vv-chip{padding:8px 16px;border-radius:100px;border:1px solid #2A2A3A;background:#1a1a26cc;color:#a0a0b0;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.vv-chip:hover{border-color:#f5c842;color:#f5c842;background:#f5c8420f}.vv-submit-section{text-align:center;margin-bottom:24px}.vv-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 48px;border-radius:14px;font-size:1.15rem;font-weight:800;color:#000;background:linear-gradient(135deg,#f5c842,#ff6b35);border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:Inter,sans-serif;letter-spacing:-.01em}.vv-btn-submit:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:vvShimmer 3s ease-in-out infinite}@keyframes vvShimmer{0%{left:-100%}to{left:100%}}.vv-btn-submit:hover:not(.vv-btn-disabled){transform:translateY(-2px);box-shadow:0 16px 48px #f5c84259}.vv-btn-disabled{background:#2a2a3a!important;color:#555!important;cursor:not-allowed;box-shadow:none}.vv-btn-disabled:after{display:none}.vv-submit-hint{margin-top:12px;font-size:.82rem;color:#666}.vv-error-box{margin-top:20px;padding:14px 20px;border-radius:12px;background:#e74c3c14;border:1px solid rgba(231,76,60,.25);color:#e74c3c;font-size:.88rem;font-weight:500}.vv-progress-section{background:linear-gradient(145deg,#12121cf2,#0c0c14fa);border:1px solid #2A2A3A;border-radius:16px;padding:40px 36px;margin-bottom:24px;position:relative;overflow:hidden}.vv-progress-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f5c842,#7b5ea7,#f5c842);background-size:200% 100%;animation:vvShimmer 2s linear infinite}.vv-progress-title{font-size:1.3rem;font-weight:700;color:#f0f0f0;margin-bottom:8px;text-align:center}.vv-progress-upload{font-size:.85rem;color:#f5c842;text-align:center;margin-bottom:20px;font-weight:600}.vv-progress-bar-wrap{display:flex;align-items:center;gap:16px;margin-bottom:30px}.vv-progress-bar-track{flex:1;height:10px;background:#1a1a26;border-radius:8px;overflow:hidden}.vv-progress-bar-fill{height:100%;background:linear-gradient(90deg,#f5c842,#7b5ea7);border-radius:8px;transition:width .8s ease;position:relative}.vv-progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);background-size:200% 100%;animation:vvShimmer 1.5s linear infinite}.vv-progress-percent{font-size:.92rem;font-weight:700;color:#f5c842;min-width:44px;text-align:right;font-family:SF Mono,Fira Code,monospace}.vv-progress-steps{display:flex;flex-direction:column;gap:12px}.vv-pstep{display:flex;align-items:center;gap:14px;font-size:.88rem;color:#555;padding:8px 0;transition:all .3s ease}.vv-pstep-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.vv-pstep-pending .vv-pstep-dot{background:#2a2a3a}.vv-pstep-active .vv-pstep-dot{background:#f5c842;box-shadow:0 0 12px #f5c84280;animation:vvPulse 1.5s ease-in-out infinite}.vv-pstep-active{color:#f5c842;font-weight:600}.vv-pstep-done .vv-pstep-dot{background:#2ecc71;box-shadow:0 0 8px #2ecc714d}.vv-pstep-done{color:#2ecc71}.vv-elapsed{text-align:center;margin-top:24px;font-size:.85rem;color:#666;font-family:SF Mono,Fira Code,monospace}.vv-results-section{background:linear-gradient(145deg,#12121cf2,#0c0c14fa);border:1px solid rgba(46,204,113,.3);border-radius:16px;padding:40px 36px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}.vv-results-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2ECC71,transparent)}.vv-results-title{font-size:1.6rem;font-weight:800;color:#2ecc71;margin-bottom:8px}.vv-results-time{font-size:.88rem;color:#666;margin-bottom:28px}.vv-results-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.vv-result-card{background:#1a1a26b3;border:1px solid #2A2A3A;border-radius:14px;padding:20px 24px;text-align:left;transition:all .25s ease}.vv-result-card:hover{border-color:#f5c84233;box-shadow:0 8px 24px #0003}.vv-result-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.vv-result-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f5c842,#7b5ea7);color:#000;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #f5c84240}.vv-result-info{display:flex;flex-direction:column;gap:2px}.vv-result-title{font-size:.95rem;font-weight:700;color:#f0f0f0}.vv-result-filename{font-size:.72rem;color:#555;font-family:SF Mono,Fira Code,monospace}.vv-result-preview{margin-bottom:16px}.vv-result-actions{display:flex;gap:10px;flex-wrap:wrap}.vv-btn-download{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;font-size:.85rem;font-weight:700;color:#000;background:linear-gradient(135deg,#f5c842,#e8a820);text-decoration:none;transition:all .25s ease;border:none;cursor:pointer;font-family:Inter,sans-serif}.vv-btn-download:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f5c8424d}.vv-btn-subtitles{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;font-size:.85rem;font-weight:700;color:#7b5ea7;background:#7b5ea71a;border:1px solid rgba(123,94,167,.3);cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.vv-btn-subtitles:hover{background:#7b5ea72e;border-color:#7b5ea780;transform:translateY(-1px)}.vv-btn-reset{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;font-size:.88rem;font-weight:600;color:#a0a0b0;background:#ffffff0a;border:1px solid #2A2A3A;cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.vv-btn-reset:hover{border-color:#f5c8424d;color:#f0f0f0}@media(max-width:768px){.vv-two-col{grid-template-columns:1fr}.vv-hero-title{font-size:1.8rem}.vv-hero-subtitle{font-size:.92rem}.vv-card{padding:20px 18px}.vv-progress-section,.vv-results-section{padding:28px 20px}.vv-badges{gap:6px}.vv-badge{font-size:.7rem;padding:5px 12px}.vv-result-actions{flex-direction:column;align-items:stretch}.vv-btn-download,.vv-btn-subtitles{justify-content:center}}@media(max-width:480px){.vv-hero-title{font-size:1.5rem}.vv-pill-row{gap:6px}.vv-pill{min-width:38px;height:38px;font-size:.88rem}.vv-chip-row{gap:6px}.vv-chip{font-size:.72rem;padding:6px 12px}}.sc-container{max-width:920px;margin:0 auto;padding:0 20px 60px;font-family:Inter,sans-serif}.sc-hero{text-align:center;margin-bottom:36px;padding:44px 24px 32px}.sc-hero-icon{font-size:3.2rem;margin-bottom:12px;filter:drop-shadow(0 0 24px rgba(46,204,113,.5));animation:scFloat 3s ease-in-out infinite}.sc-hero-title{font-size:2.6rem;font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#2ecc71,#27ae60,#f5c842);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.sc-hero-subtitle{font-size:1.05rem;color:#a0a0b0;max-width:620px;margin:0 auto 20px;line-height:1.6}.sc-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sc-badge{padding:7px 16px;border-radius:100px;font-size:.78rem;font-weight:600;color:#f0f0f0;background:#ffffff0a;border:1px solid #2A2A3A;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease}.sc-badge:hover{border-color:#2ecc714d;background:#2ecc710f}.sc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.sc-card{background:linear-gradient(145deg,#12121cf2,#0c0c14fa);border:1px solid #2A2A3A;border-radius:16px;padding:28px;position:relative;overflow:hidden}.sc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(46,204,113,.4),transparent)}.sc-card-prompt{margin-bottom:20px}.sc-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.sc-card-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#2ecc7114;border-radius:12px;flex-shrink:0}.sc-card-title{font-size:1.05rem;font-weight:700;color:#f0f0f0;margin:0}.sc-card-desc{font-size:.82rem;color:#a0a0b0;margin:2px 0 0}.sc-url-input-group{margin-bottom:16px}.sc-url-input-wrap{display:flex;align-items:center;gap:12px;padding:4px 6px 4px 18px;border-radius:14px;border:2px solid #2A2A3A;background:#0a0a0fb3;transition:all .3s ease}.sc-url-input-wrap:focus-within{border-color:#2ecc71;box-shadow:0 0 20px #2ecc711a}.sc-url-input-icon{font-size:1.2rem;flex-shrink:0}.sc-url-input{flex:1;background:none;border:none;color:#f0f0f0;font-size:.92rem;font-family:Inter,sans-serif;padding:14px 0;outline:none;min-width:0}.sc-url-input::placeholder{color:#555}.sc-url-clear{width:32px;height:32px;border-radius:8px;border:1px solid rgba(231,76,60,.2);background:#e74c3c14;color:#e74c3c;font-size:.78rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sc-url-clear:hover{background:#e74c3c2e;border-color:#e74c3c66}.sc-url-hint{font-size:.72rem;color:#555;margin:8px 0 0;padding-left:4px}.sc-url-preview{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:#2ecc710f;border:1px solid rgba(46,204,113,.2)}.sc-url-preview-icon{font-size:1.1rem}.sc-url-preview-text{font-size:.82rem;font-weight:600;color:#2ecc71}.sc-setting-group{margin-bottom:22px}.sc-setting-label{font-size:.75rem;font-weight:600;color:#a0a0b0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:block}.sc-select{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #2A2A3A;background:#1a1a26;color:#f0f0f0;font-size:.88rem;font-weight:500;outline:none;cursor:pointer;transition:border-color .25s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A0A0B0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;font-family:Inter,sans-serif}.sc-select option{background:#1a1a26;color:#f0f0f0}.sc-select:focus{border-color:#2ecc71}.sc-pill-row{display:flex;gap:8px}.sc-pill{min-width:52px;height:44px;border-radius:99px;border:2px solid #2A2A3A;background:#1a1a26;color:#a0a0b0;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0 16px}.sc-pill:hover{border-color:#2ecc7166;color:#2ecc71}.sc-pill-active{background:linear-gradient(135deg,#2ecc71,#27ae60);border-color:#2ecc71;color:#000;box-shadow:0 4px 16px #2ecc7140;transform:scale(1.05)}.sc-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;background:#1a1a26;border:1px solid #2A2A3A;transition:border-color .25s ease}.sc-toggle-row:hover{border-color:#2ecc7133}.sc-toggle-info{display:flex;align-items:center;gap:12px}.sc-toggle-icon{font-size:1.4rem;flex-shrink:0}.sc-toggle-info>div{display:flex;flex-direction:column;gap:2px}.sc-toggle-info strong{font-size:.85rem;font-weight:700;color:#f0f0f0}.sc-toggle-hint{font-size:.72rem;color:#666}.sc-toggle{width:50px;height:28px;border-radius:14px;background:#2a2a3a;border:none;cursor:pointer;position:relative;transition:background .3s ease;padding:0;flex-shrink:0;-webkit-user-select:none;user-select:none}.sc-toggle-on{background:linear-gradient(135deg,#2ecc71,#27ae60)}.sc-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0003}.sc-toggle-on .sc-toggle-knob{transform:translate(22px)}.sc-estimate{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:#2ecc710f;border:1px solid rgba(46,204,113,.15);color:#a0a0b0;font-size:.82rem;font-weight:500}.sc-estimate-icon{font-size:1.1rem}.sc-textarea{width:100%;padding:16px 18px;border-radius:12px;border:1px solid #2A2A3A;background:#1a1a26;color:#f0f0f0;font-size:.88rem;font-family:Inter,sans-serif;line-height:1.6;resize:vertical;min-height:80px;outline:none;transition:border-color .25s ease;box-sizing:border-box}.sc-textarea:focus{border-color:#2ecc71}.sc-textarea::placeholder{color:#555}.sc-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sc-chip{padding:8px 16px;border-radius:100px;border:1px solid #2A2A3A;background:#1a1a26cc;color:#a0a0b0;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.sc-chip:hover{border-color:#2ecc71;color:#2ecc71;background:#2ecc710f}.sc-submit-section{text-align:center;margin-bottom:24px}.sc-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 48px;border-radius:14px;font-size:1.15rem;font-weight:800;color:#000;background:linear-gradient(135deg,#2ecc71,#27ae60,#f5c842);border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:Inter,sans-serif;letter-spacing:-.01em}.sc-btn-submit:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:scShimmer 3s ease-in-out infinite}@keyframes scShimmer{0%{left:-100%}to{left:100%}}.sc-btn-submit:hover:not(.sc-btn-disabled){transform:translateY(-2px);box-shadow:0 16px 48px #2ecc7159}.sc-btn-disabled{background:#2a2a3a!important;color:#555!important;cursor:not-allowed;box-shadow:none}.sc-btn-disabled:after{display:none}.sc-submit-hint{margin-top:12px;font-size:.82rem;color:#666}.sc-error-box{margin-top:20px;padding:14px 20px;border-radius:12px;background:#e74c3c14;border:1px solid rgba(231,76,60,.25);color:#e74c3c;font-size:.88rem;font-weight:500}.sc-progress-section{background:linear-gradient(145deg,#12121cf2,#0c0c14fa);border:1px solid #2A2A3A;border-radius:16px;padding:40px 36px;margin-bottom:24px;position:relative;overflow:hidden}.sc-progress-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2ecc71,#f5c842,#2ecc71);background-size:200% 100%;animation:scShimmer 2s linear infinite}.sc-progress-title{font-size:1.3rem;font-weight:700;color:#f0f0f0;margin-bottom:8px;text-align:center}.sc-progress-bar-wrap{display:flex;align-items:center;gap:16px;margin-bottom:30px}.sc-progress-bar-track{flex:1;height:10px;background:#1a1a26;border-radius:8px;overflow:hidden}.sc-progress-bar-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#f5c842);border-radius:8px;transition:width .8s ease;position:relative}.sc-progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);background-size:200% 100%;animation:scShimmer 1.5s linear infinite}.sc-progress-percent{font-size:.92rem;font-weight:700;color:#2ecc71;min-width:44px;text-align:right;font-family:SF Mono,Fira Code,monospace}.sc-progress-steps{display:flex;flex-direction:column;gap:12px}.sc-pstep{display:flex;align-items:center;gap:14px;font-size:.88rem;color:#555;padding:8px 0;transition:all .3s ease}.sc-pstep-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.sc-pstep-pending .sc-pstep-dot{background:#2a2a3a}.sc-pstep-active .sc-pstep-dot{background:#2ecc71;box-shadow:0 0 12px #2ecc7180;animation:scPulse 1.5s ease-in-out infinite}.sc-pstep-active{color:#2ecc71;font-weight:600}.sc-pstep-done .sc-pstep-dot{background:#2ecc71;box-shadow:0 0 8px #2ecc714d}.sc-pstep-done{color:#2ecc71}.sc-elapsed{text-align:center;margin-top:24px;font-size:.85rem;color:#666;font-family:SF Mono,Fira Code,monospace}.sc-btn-cancel{background:#f871711f;border:1px solid rgba(248,113,113,.3);color:#f87171;padding:10px 24px;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.sc-btn-cancel:hover{background:#f8717133;border-color:#f8717180}.sc-btn-reset-small{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#a0a0b0;padding:10px 24px;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.sc-btn-reset-small:hover{background:#ffffff1a;color:#f0f0f0}.sc-results-section{background:linear-gradient(145deg,#12121cf2,#0c0c14fa);border:1px solid rgba(46,204,113,.25);border-radius:16px;padding:40px 36px;margin-bottom:24px;position:relative;overflow:hidden}.sc-results-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2ECC71,transparent)}.sc-results-header{text-align:center;margin-bottom:28px}.sc-results-title{font-size:1.6rem;font-weight:800;color:#2ecc71;margin-bottom:6px}.sc-results-time{font-size:.85rem;color:#666}.sc-stats-bar{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 28px;border-radius:14px;background:#1a1a26cc;border:1px solid #2A2A3A;margin-bottom:24px;flex-wrap:wrap}.sc-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.sc-stat-value{font-size:1.6rem;font-weight:900;color:#f0f0f0;font-family:SF Mono,Fira Code,monospace}.sc-stat-gold{color:#f5c842}.sc-stat-green{color:#2ecc71}.sc-stat-yellow{color:#f5c842}.sc-stat-red{color:#e74c3c}.sc-stat-label{font-size:.72rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.04em}.sc-stat-divider{width:1px;height:40px;background:#2a2a3a}.sc-filter-row{display:flex;gap:8px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.sc-filter-btn{padding:8px 18px;border-radius:100px;border:1px solid #2A2A3A;background:#1a1a26cc;color:#a0a0b0;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.sc-filter-btn:hover{border-color:#2ecc714d;color:#2ecc71}.sc-filter-active{background:#2ecc711a;border-color:#2ecc7166;color:#2ecc71}.sc-results-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.sc-short-card{background:#1a1a26b3;border:1px solid #2A2A3A;border-radius:16px;padding:24px;text-align:left;transition:all .3s ease;animation:scSlideUp .5s ease both;position:relative;overflow:hidden}.sc-short-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.sc-short-green:before{background:linear-gradient(90deg,transparent,#2ECC71,transparent)}.sc-short-yellow:before{background:linear-gradient(90deg,transparent,#F5C842,transparent)}.sc-short-red:before{background:linear-gradient(90deg,transparent,#E74C3C,transparent)}.sc-short-green{border-color:#2ecc7126}.sc-short-yellow{border-color:#f5c84226}.sc-short-red{border-color:#e74c3c26}.sc-short-green:hover{border-color:#2ecc7159;box-shadow:0 8px 32px #2ecc7114}.sc-short-yellow:hover{border-color:#f5c84259;box-shadow:0 8px 32px #f5c84214}.sc-short-red:hover{border-color:#e74c3c40;box-shadow:0 8px 32px #e74c3c0d}.sc-short-header{display:flex;align-items:center;gap:16px;margin-bottom:14px}.sc-score-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:14px;flex-shrink:0;gap:2px}.sc-score-green{background:#2ecc711f;border:1.5px solid rgba(46,204,113,.35);box-shadow:0 0 20px #2ecc711a}.sc-score-yellow{background:#f5c8421f;border:1.5px solid rgba(245,200,66,.35);box-shadow:0 0 20px #f5c8421a}.sc-score-red{background:#e74c3c1f;border:1.5px solid rgba(231,76,60,.35);box-shadow:0 0 20px #e74c3c1a}.sc-score-emoji{font-size:1.1rem;line-height:1}.sc-score-value{font-size:1.05rem;font-weight:900;color:#f0f0f0;font-family:SF Mono,Fira Code,monospace}.sc-short-meta{flex:1;min-width:0}.sc-short-title{font-size:1.02rem;font-weight:700;color:#f0f0f0;display:block;margin-bottom:6px}.sc-short-details{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sc-score-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:100px}.sc-label-green{background:#2ecc7126;color:#2ecc71}.sc-label-yellow{background:#f5c84226;color:#f5c842}.sc-label-red{background:#e74c3c26;color:#e74c3c}.sc-short-duration,.sc-short-size{font-size:.75rem;color:#666}.sc-viral-reason{font-size:.82rem;color:#a0a0b0;line-height:1.5;padding:12px 16px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);margin-bottom:12px}.sc-viral-reason-label{font-weight:700;color:#f0f0f0;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.sc-hook-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:100px;background:#f5c8420f;border:1px solid rgba(245,200,66,.15);color:#a0a0b0;font-size:.75rem;margin-bottom:14px}.sc-hook-tag strong{color:#f5c842;text-transform:capitalize}.sc-short-preview{margin-bottom:16px;border-radius:12px;overflow:hidden;background:#000}.sc-short-preview video{width:100%;max-height:400px;display:block;border-radius:12px}.sc-caption-box{padding:14px 18px;border-radius:12px;background:#7b5ea70f;border:1px solid rgba(123,94,167,.2);margin-bottom:16px}.sc-caption-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.75rem;font-weight:700;color:#7b5ea7;text-transform:uppercase;letter-spacing:.04em}.sc-caption-copy{padding:4px 12px;border-radius:8px;background:#7b5ea71a;border:1px solid rgba(123,94,167,.25);color:#7b5ea7;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.sc-caption-copy:hover{background:#7b5ea733;border-color:#7b5ea766}.sc-caption-text{font-size:.85rem;color:#a0a0b0;line-height:1.5;margin:0;word-break:break-word}.sc-short-actions{display:flex;gap:10px;flex-wrap:wrap}.sc-btn-download{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;font-size:.85rem;font-weight:700;color:#000;background:linear-gradient(135deg,#2ecc71,#27ae60);text-decoration:none;transition:all .25s ease;border:none;cursor:pointer;font-family:Inter,sans-serif}.sc-btn-download:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2ecc714d}.sc-btn-captions{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;font-size:.85rem;font-weight:700;color:#7b5ea7;background:#7b5ea71a;border:1px solid rgba(123,94,167,.3);cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.sc-btn-captions:hover{background:#7b5ea72e;border-color:#7b5ea780;transform:translateY(-1px)}.sc-bulk-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sc-btn-download-all{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;font-size:.88rem;font-weight:700;border:none;cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.sc-btn-download-green{color:#000;background:linear-gradient(135deg,#2ecc71,#27ae60)}.sc-btn-download-green:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2ecc714d}.sc-btn-reset{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;font-size:.88rem;font-weight:600;color:#a0a0b0;background:#ffffff0a;border:1px solid #2A2A3A;cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.sc-btn-reset:hover{border-color:#2ecc714d;color:#f0f0f0}@media(max-width:768px){.sc-two-col{grid-template-columns:1fr}.sc-hero-title{font-size:1.8rem}.sc-hero-subtitle{font-size:.92rem}.sc-card{padding:20px 18px}.sc-progress-section,.sc-results-section{padding:28px 20px}.sc-badges{gap:6px}.sc-badge{font-size:.7rem;padding:5px 12px}.sc-short-actions{flex-direction:column;align-items:stretch}.sc-btn-download,.sc-btn-captions{justify-content:center}.sc-stats-bar{gap:12px;padding:16px 20px}.sc-stat-value{font-size:1.3rem}.sc-stat-divider{height:30px}.sc-bulk-actions{flex-direction:column;align-items:stretch}.sc-btn-download-all,.sc-btn-reset{justify-content:center}}@media(max-width:480px){.sc-hero-title{font-size:1.5rem}.sc-pill-row{gap:6px}.sc-pill{min-width:44px;height:38px;font-size:.82rem;padding:0 12px}.sc-chip-row{gap:6px}.sc-chip{font-size:.72rem;padding:6px 12px}.sc-score-badge{width:50px;height:50px}.sc-short-title{font-size:.92rem}}.lang-selector{position:relative}.lang-selector-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;font-size:1.15rem}.lang-selector-btn:hover{background:#ffffff1f;border-color:#d4af374d;transform:scale(1.08)}.lang-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;background:#121218f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px;z-index:9999;box-shadow:0 20px 60px #0009;animation:langDropIn .2s ease}@keyframes langDropIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lang-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;width:100%;border:none;background:transparent;color:var(--text-secondary);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s ease}.lang-option:hover{background:#ffffff14;color:var(--text-primary)}.lang-option.active{background:#d4af371f;color:var(--gold-end)}.lang-option-flag{font-size:1.2rem}.lang-option-name{flex:1;text-align:left}.lang-option-check{color:var(--gold-end);font-weight:700;font-size:.85rem}.lang-mobile-row{display:flex;gap:6px;padding:0 0 16px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.lang-mobile-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lang-mobile-btn:hover{background:#ffffff1a}.lang-mobile-btn.active{background:#d4af3726;border-color:#d4af3766}.tools-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tool-card{border-radius:20px;border:1px solid rgba(255,255,255,.06);padding:32px 28px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.03),transparent 60%);pointer-events:none}.tool-card:hover{transform:translateY(-8px);box-shadow:0 24px 64px #0006;border-color:#ffffff1f}.tool-card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:20px;transition:transform .3s ease}.tool-card:hover .tool-card-icon{transform:scale(1.12) rotate(-3deg)}.tool-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}.tool-card-desc{font-size:.88rem;color:var(--text-tertiary);line-height:1.55;margin-bottom:18px}.tool-card-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tool-card-features li{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary)}.tool-check{font-weight:800;font-size:.85rem;flex-shrink:0}@media(max-width:1024px){.tools-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tools-showcase-grid{grid-template-columns:1fr}.tool-card{padding:24px 20px}}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:28px 24px;text-align:center;transition:all .35s ease}.benefit-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000004d;border-color:#ffffff1f}.benefit-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 16px;transition:transform .3s ease}.benefit-card:hover .benefit-icon{transform:scale(1.15) rotate(5deg)}.benefit-card h4{font-size:1.05rem;font-weight:700;margin-bottom:8px}.benefit-card p{font-size:.85rem;color:var(--text-tertiary);line-height:1.5}@media(max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.benefits-grid{grid-template-columns:1fr}}.pricing-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}.pricing-preview-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:32px 28px;text-align:center;transition:all .35s ease;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;overflow-wrap:break-word}.pricing-preview-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000059}.pricing-preview-card.popular{border-color:#d4af3759;background:linear-gradient(135deg,#d4af3714,#d4af3705)}.pricing-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--gold-start),var(--gold-end));color:#0a0a0a;font-size:.72rem;font-weight:800;padding:4px 16px;border-radius:20px;letter-spacing:.05em;white-space:nowrap}.pricing-preview-card .pricing-card-tier{margin-bottom:12px}.pricing-preview-card .pricing-card-price{margin-bottom:4px}.pricing-preview-card .pricing-card-credits{margin-bottom:24px;padding-bottom:0;border-bottom:none}@media(max-width:768px){.pricing-preview-grid{grid-template-columns:1fr;max-width:340px}.pricing-preview-card{padding:24px 20px}}.credits-visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:0 auto}.credit-cost-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:20px 16px;text-align:center;transition:all .3s ease}.credit-cost-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000040;border-color:#d4af3733}.credit-cost-icon{font-size:1.6rem;margin-bottom:10px}.credit-cost-action{font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.credit-cost-value{font-size:.9rem;font-weight:700;color:var(--text-tertiary)}.credit-cost-value .text-gold{font-size:1.2rem}@media(max-width:768px){.credits-visual-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.credits-visual-grid{grid-template-columns:1fr}}.topbar-lang{position:relative}.topbar-lang .lang-dropdown{top:calc(100% + 8px);right:0}.dash-guides-section{margin-bottom:var(--space-xl)}.dash-guides-header{margin-bottom:var(--space-lg)}.dash-guides-title{font-size:1.4rem;font-weight:800;font-family:var(--font-heading);color:var(--text-primary);margin:0 0 6px}.dash-guides-subtitle{font-size:.9rem;color:var(--text-tertiary);margin:0;line-height:1.5}.dash-guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dash-guide-card{background:var(--glass-bg);border:1px solid var(--guide-border, var(--glass-border));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;transition:all .35s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.dash-guide-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--guide-border, rgba(212, 175, 55, .3)),transparent);opacity:.6}.dash-guide-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000059;border-color:var(--guide-border, rgba(212, 175, 55, .4));background:var(--guide-color, rgba(255, 255, 255, .04))}.dash-guide-card-header{margin-bottom:20px}.dash-guide-card-title{font-size:1.1rem;font-weight:800;font-family:var(--font-heading);color:var(--text-primary);margin:0 0 8px}.dash-guide-card-desc{font-size:.82rem;color:var(--text-tertiary);line-height:1.55;margin:0}.dash-guide-steps{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:12px;flex:1}.dash-guide-steps li{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.dash-guide-step-num{width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--guide-color, rgba(212, 175, 55, .12));border:1px solid var(--guide-border, rgba(212, 175, 55, .25));display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:var(--text-primary);flex-shrink:0;margin-top:1px}.dash-guide-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:.82rem;font-weight:700;color:var(--text-primary);background:var(--guide-color, rgba(212, 175, 55, .1));border:1px solid var(--guide-border, rgba(212, 175, 55, .2));text-decoration:none;transition:all .25s ease;cursor:pointer;text-align:center}.dash-guide-cta:hover{background:var(--guide-border, rgba(212, 175, 55, .2));transform:translateY(-1px);box-shadow:0 6px 20px #0003}@media(max-width:1100px){.dash-guides-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dash-guides-grid{grid-template-columns:1fr}.dash-guide-card{padding:22px 18px}.dash-guides-title{font-size:1.2rem}}.processing-indicator-wrapper{position:relative;z-index:1100}.processing-indicator-btn{position:relative;display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#d4af371f,#7a3cff14);border:1px solid rgba(212,175,55,.25);color:var(--gold-end);font-size:.8rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;transition:all .3s var(--ease-out);animation:processing-pulse 2s ease-in-out infinite;white-space:nowrap}.processing-indicator-btn:hover{background:linear-gradient(135deg,#d4af3733,#7a3cff1f);border-color:#d4af3766;transform:translateY(-1px);box-shadow:0 4px 20px #d4af3726}@keyframes processing-pulse{0%,to{box-shadow:0 0 #d4af3726}50%{box-shadow:0 0 0 6px #d4af3700}}.processing-indicator-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(212,175,55,.2);border-top-color:var(--gold-end);animation:spin .8s linear infinite}.processing-indicator-count{min-width:16px;text-align:center}.processing-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:380px;max-height:420px;background:#13131af7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 16px 64px #00000080,0 0 40px #d4af370a,inset 0 1px #ffffff0a;overflow:hidden;animation:processing-dropdown-in .25s var(--ease-out)}@keyframes processing-dropdown-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.processing-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.processing-dropdown-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-end);display:flex;align-items:center;gap:8px}.processing-dropdown-title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-end);animation:processing-dot-pulse 1.5s ease infinite}@keyframes processing-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.processing-dropdown-close{width:28px;height:28px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-tertiary);font-size:.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.processing-dropdown-close:hover{background:#ffffff14;color:var(--text-primary)}.processing-dropdown-list{max-height:350px;overflow-y:auto;padding:6px}.processing-task-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;position:relative}.processing-task-row:hover{background:#ffffff0a}.processing-task-row:after{content:"→";position:absolute;right:12px;top:50%;transform:translateY(-50%) translate(4px);opacity:0;color:var(--text-tertiary);font-size:.85rem;transition:all .2s ease}.processing-task-row:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.processing-task-icon-wrap{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.processing-task-spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(212,175,55,.15);border-top-color:var(--gold-end);animation:spin .8s linear infinite}.processing-task-status-icon{font-size:1.1rem;font-weight:700}.processing-task-info{flex:1;min-width:0;padding-right:20px}.processing-task-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.processing-task-emoji{font-size:.95rem;flex-shrink:0}.processing-task-label{font-size:.82rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.processing-task-progress-wrap{display:flex;align-items:center;gap:8px}.processing-task-progress-bar{flex:1;height:3px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.processing-task-progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--gold-start),var(--gold-end));transition:width 1s linear}.processing-task-time{font-size:.7rem;font-weight:600;color:var(--text-tertiary);font-family:SF Mono,Fira Code,monospace;flex-shrink:0;min-width:32px;text-align:right}.processing-task-success-text{font-size:.75rem;color:#4ade80;font-weight:500}.processing-task-error-text{font-size:.75rem;color:#f87171;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.processing-task-dismiss{width:22px;height:22px;border-radius:50%;background:#ffffff0a;border:none;color:var(--text-tertiary);font-size:.65rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;opacity:0}.processing-task-row:hover .processing-task-dismiss{opacity:1}.processing-task-dismiss:hover{background:#f8717126;color:#f87171}.processing-task-completed{background:#4ade800a}.processing-task-completed:hover{background:#4ade8014}.processing-task-failed{background:#f871710a}.processing-task-failed:hover{background:#f8717114}@media(max-width:480px){.processing-dropdown{width:calc(100vw - 24px);right:-8px}.processing-indicator-btn{padding:5px 10px;font-size:.75rem}.processing-indicator-spinner{width:12px;height:12px}}.song-header{margin-bottom:var(--space-xl)}.song-title{font-size:2rem;font-weight:800;font-family:var(--font-heading);color:var(--text-primary);margin:0 0 8px}.song-subtitle{font-size:.9rem;color:var(--text-tertiary);margin:0;max-width:600px}.song-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-lg);align-items:start}.song-form-col{display:flex;flex-direction:column;gap:var(--space-md)}.song-sidebar-col{display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:80px}.song-card{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color .3s ease,box-shadow .3s ease}.song-card:hover{border-color:#e91e6333}.song-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.song-card-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.song-card-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.song-card-desc{font-size:.78rem;color:var(--text-tertiary);margin:0}.song-optional-badge{margin-left:auto;padding:3px 10px;border-radius:100px;font-size:.65rem;font-weight:700;color:var(--text-tertiary);background:#ffffff0a;border:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.song-input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease;box-sizing:border-box;font-family:inherit}.song-input:focus{border-color:#e91e6380;box-shadow:0 0 0 3px #e91e6314}.song-textarea{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease;box-sizing:border-box;font-family:inherit;resize:vertical;min-height:80px}.song-textarea:focus{border-color:#e91e6380;box-shadow:0 0 0 3px #e91e6314}.song-lyrics-textarea{min-height:140px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.82rem;line-height:1.6}.song-char-count{text-align:right;font-size:.7rem;color:var(--text-tertiary);margin-top:6px;opacity:.6}.song-style-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.song-style-chip{padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease}.song-style-chip:hover{background:#e91e6314;border-color:#e91e634d;color:#e91e63}.song-style-chip.active{background:#e91e6326;border-color:#e91e63;color:#e91e63;box-shadow:0 0 8px #e91e6326}.song-style-chip-premium{background:linear-gradient(135deg,#f5c84214,#e8a8200a)!important;border-color:#f5c84259!important;color:#f5c842!important;font-weight:700;box-shadow:0 0 12px #f5c84214;animation:songChipGlow 3s ease-in-out infinite alternate;position:relative}.song-style-chip-premium:hover{background:linear-gradient(135deg,#f5c84226,#e8a82014)!important;border-color:#f5c842!important;color:#f5c842!important;box-shadow:0 0 18px #f5c84233;transform:translateY(-1px)}.song-style-chip-premium.active{background:linear-gradient(135deg,#f5c84233,#e8a8201f)!important;border-color:#f5c842!important;color:#000!important;background:linear-gradient(135deg,#f5c842,#e8a820)!important;box-shadow:0 0 20px #f5c8424d;animation:none}@keyframes songChipGlow{0%{box-shadow:0 0 8px #f5c8420f}to{box-shadow:0 0 16px #f5c84226}}.song-gender-two{grid-template-columns:repeat(2,1fr)!important}.song-gender-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.song-gender-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;cursor:pointer;transition:all .25s ease}.song-gender-btn:hover{border-color:#e91e634d;background:#e91e630d}.song-gender-btn.active{border-color:#e91e63;background:#e91e631a;box-shadow:0 0 12px #e91e631f}.song-gender-label{font-size:.88rem;font-weight:700;color:var(--text-primary)}.song-gender-desc{font-size:.7rem;color:var(--text-tertiary)}.song-generate-card{background:linear-gradient(135deg,#e91e630f,#ff57220a);border-color:#e91e6333}.song-generate-summary{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.song-generate-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-secondary)}.song-generate-btn{width:100%;padding:14px 24px;font-size:1rem;font-weight:700;border-radius:var(--radius-md);background:linear-gradient(135deg,#e91e63,#ff5722);border:none;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #e91e634d}.song-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #e91e6366}.song-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.song-generate-hint{font-size:.72rem;color:var(--text-tertiary);text-align:center;margin-top:12px;line-height:1.5}.song-status{padding:12px 16px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:var(--space-md);animation:veSlideUp .3s ease}.song-status.success{background:#2ecc7114;border:1px solid rgba(46,204,113,.25);color:#4ade80}.song-status.error{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171}.song-preview-card{border-color:#e91e6333;background:linear-gradient(135deg,#e91e630a,#ff572205)}.song-preview-spinner{width:56px;height:56px;border:3px solid rgba(233,30,99,.1);border-top:3px solid #E91E63;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.song-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:40px}.song-waveform-bar{width:4px;background:linear-gradient(180deg,#e91e63,#ff5722);border-radius:2px;animation:songWave 1.2s ease-in-out infinite}@keyframes songWave{0%,to{height:8px;opacity:.4}50%{height:36px;opacity:1}}.song-recent-card{max-height:400px;overflow-y:auto}.song-recent-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.song-recent-list{display:flex;flex-direction:column;gap:6px}.song-recent-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff05;transition:all .2s ease}.song-recent-item:hover{border-color:#e91e6333;background:#e91e6308}.song-recent-item-icon{font-size:1.2rem;flex-shrink:0}.song-recent-item-info{flex:1;min-width:0}.song-recent-item-title{font-size:.82rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-recent-item-meta{font-size:.7rem;color:var(--text-tertiary)}@media(max-width:900px){.song-layout{grid-template-columns:1fr}.song-sidebar-col{position:static}.song-gender-options{grid-template-columns:1fr}}@media(max-width:600px){.song-title{font-size:1.4rem}.song-card{padding:var(--space-md)}}