@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{font-family:Inter,-apple-system,sans-serif;background:#050508!important;color:#e8e8f0;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:#00e5c84d;color:#fff}::selection{background:#00e5c84d;color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00e5c833;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e5c880}.glass{background:#0c0c1299;backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid rgba(255,255,255,.08)}.glass-card{background:#0f0f19b3;backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);border:1px solid rgba(255,255,255,.06);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#00e5c840;box-shadow:0 20px 60px #00000080,0 0 40px #00e5c814;transform:translateY(-4px)}.glow-text{text-shadow:0 0 40px rgba(0,229,200,.3),0 0 80px rgba(0,229,200,.1)}.gradient-border{position:relative;background:#0a0a14;border-radius:20px}.gradient-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px;background:linear-gradient(135deg,#00e5c866,#4f8ef733,#a855f74d);z-index:-1;opacity:0;transition:opacity .4s ease}.gradient-border:hover:before{opacity:1}.mesh-bg{background-color:#050508;position:relative;overflow:hidden}.mesh-bg:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(ellipse 40% 30% at 20% 10%,rgba(0,229,200,.12) 0%,transparent 60%),radial-gradient(ellipse 35% 25% at 80% 80%,rgba(79,142,247,.1) 0%,transparent 60%),radial-gradient(ellipse 30% 20% at 50% 50%,rgba(168,85,247,.06) 0%,transparent 50%);animation:meshFloat 20s ease-in-out infinite;pointer-events:none}.btn-generate{background:linear-gradient(135deg,#00e5c8,#4f8ef7);background-size:200% 200%;animation:gradientShift 4s ease infinite;border:none;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-generate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.btn-generate:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.btn-generate:hover{box-shadow:0 0 50px #00e5c880,0 0 100px #4f8ef733,0 8px 32px #0006;transform:translateY(-2px) scale(1.02)}.btn-generate:hover:after{opacity:1}.btn-generate:disabled{background:#18181f;border:1px solid rgba(255,255,255,.06);color:#3a3a4a;cursor:not-allowed;animation:none;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#00e5c8,#4f8ef7);border:none;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 0 30px #00e5c866;transform:translateY(-1px)}.btn-cta-glow{position:relative;z-index:1}.btn-cta-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#00e5c8,#4f8ef7,#a855f7,#00e5c8);background-size:300% 300%;animation:borderGlow 3s linear infinite;z-index:-1;filter:blur(4px);opacity:.7}.model-card{transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid rgba(255,255,255,.06);background:#111118cc;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.model-card:hover{border-color:#00e5c84d;background:#00e5c80d;transform:translateY(-3px);box-shadow:0 12px 40px #0000004d,0 0 20px #00e5c814}.model-card.selected{border-color:#00e5c880!important;background:#00e5c814!important;box-shadow:0 0 0 1px #00e5c833,0 8px 32px #00e5c826,0 0 60px #00e5c80d}.tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .2s;cursor:pointer}.tag:hover{background:#00e5c81f;border-color:#00e5c859;color:#00e5c8;box-shadow:0 0 12px #00e5c826}.prompt-textarea{background:transparent;resize:none;outline:none;color:#e8e8f0;caret-color:#00e5c8;width:100%;font-family:Inter,sans-serif;font-size:14px;line-height:1.7;border:none}.prompt-textarea::-moz-placeholder{color:#3a3a52}.prompt-textarea::placeholder{color:#3a3a52}.ratio-card{transition:all .25s ease;cursor:pointer;border:1px solid rgba(255,255,255,.07);background:#111118cc;border-radius:10px}.ratio-card:hover{border-color:#00e5c866;background:#00e5c80f}.ratio-card.active{border-color:#00e5c8;background:#00e5c81a;box-shadow:0 0 16px #00e5c833}.nav-tab{transition:all .2s;cursor:pointer;position:relative}.nav-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#00e5c8,#4f8ef7);transform:scaleX(0);transition:transform .25s ease;border-radius:2px}.nav-tab.active{color:#00e5c8}.nav-tab.active:after{transform:scaleX(1)}.nav-tab:hover:not(.active){color:#ffffffb3}.sidebar-icon{transition:all .25s;cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.sidebar-icon:hover{background:#ffffff0f}.sidebar-icon.active{background:#00e5c81f;box-shadow:0 0 16px #00e5c833}.badge-free{background:#00e5c81f;color:#00e5c8;border:1px solid rgba(0,229,200,.2)}.badge-creator{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-business{background:#4f8ef71f;color:#4f8ef7;border:1px solid rgba(79,142,247,.2)}.badge-agency{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.2)}.section-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3a3a4a}input[type=range]{-webkit-appearance:none;width:100%;height:2px;border-radius:2px;background:#ffffff14;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#00e5c8;cursor:pointer;box-shadow:0 0 12px #00e5c899}.sidebar-bg{background:#080810;border-right:1px solid rgba(255,255,255,.05)}.gradient-text-teal{background:linear-gradient(135deg,#00e5c8,#4f8ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-white{background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer-line{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmer 3s ease infinite;pointer-events:none}.reveal{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.stagger-children>*{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.stagger-children.visible>*:nth-child(1){transition-delay:.05s;opacity:1;transform:none}.stagger-children.visible>*:nth-child(2){transition-delay:.12s;opacity:1;transform:none}.stagger-children.visible>*:nth-child(3){transition-delay:.19s;opacity:1;transform:none}.stagger-children.visible>*:nth-child(4){transition-delay:.26s;opacity:1;transform:none}.stagger-children.visible>*:nth-child(5){transition-delay:.33s;opacity:1;transform:none}.stagger-children.visible>*:nth-child(6){transition-delay:.4s;opacity:1;transform:none}.stagger-children.visible>*:nth-child(7){transition-delay:.47s;opacity:1;transform:none}.stagger-children.visible>*:nth-child(8){transition-delay:.54s;opacity:1;transform:none}.skeleton{background:linear-gradient(90deg,#0d0d16 25%,#181828,#0d0d16 75%);background-size:400% 100%;animation:skeleton-pulse 1.8s ease infinite;border-radius:12px}.gallery-card{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease;will-change:transform}.gallery-card:hover{transform:translateY(-6px) scale(1.02);border-color:#00e5c833!important;box-shadow:0 20px 60px #00000080,0 0 30px #00e5c814}.gallery-card .gallery-overlay{opacity:0;transition:opacity .4s ease}.gallery-card:hover .gallery-overlay{opacity:1}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:48px;height:48px;border-radius:50%;background:#00e5c8e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;box-shadow:0 0 30px #00e5c880}.gallery-card:hover .video-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.4}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #00e5c84d}50%{box-shadow:0 0 30px #00e5c8b3}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pageIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes meshFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(3%,2%) rotate(1deg)}66%{transform:translate(-2%,1%) rotate(-.5deg)}}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatParticle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) scale(1);opacity:0}}@keyframes heroTextIn{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes heroBadgeIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes counterUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{animation:pulse-dot 2s ease infinite}.fade-in{animation:fadeIn .5s ease forwards}.page-enter{animation:pageIn .5s ease forwards}@media (max-width: 768px){.studio-right-nav,.desktop-sidebar{display:none!important}.mobile-tool-tabs{display:flex!important}.main-flex-container{flex-direction:column!important}.controls-panel{width:100%!important;max-height:40vh;border-left:none!important;border-top:1px solid rgba(255,255,255,.07)}.tool-header{padding:14px 16px!important}.tool-icon-big{width:36px!important;height:36px!important;border-radius:10px!important;font-size:18px!important}.tool-header h1{font-size:17px!important}.tool-badge{font-size:8px!important;padding:2px 6px!important}.header-buttons{flex-direction:column;gap:4px!important}.preview-area{border-right:none!important;min-height:40vh}.processing-circle{width:80px!important;height:80px!important}.processing-circle svg{width:80px!important;height:80px!important}.dual-preview-container{flex-direction:column!important}.dual-preview-slot{min-height:35vh!important}.upload-button{padding:14px!important}.control-label{font-size:10px!important}.model-tabs-scroll{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 12px!important;overflow-x:visible!important}.model-tabs-scroll>div>button{width:100%;padding:10px 8px!important;border-radius:10px!important;border-bottom:none!important;border:1.5px solid transparent;justify-content:center;font-size:11px!important}.model-info-bar{flex-direction:column!important;gap:6px!important;padding:8px 14px!important}.model-info-bar .use-cases{display:none!important}}@media (max-width: 480px){.model-tabs-scroll{grid-template-columns:repeat(2,1fr)!important}}