.token-animator-section{min-height:70vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-fade-in-delay{animation:fadeIn .8s ease-out .2s both}.animate-fade-in-delay-2{animation:fadeIn .8s ease-out .4s both}.animate-slide-up{animation:slideUp .8s ease-out .4s both}.animate-slide-up-delay{animation:slideUp .8s ease-out .6s both}.canvas-card{background:#1a1d23;backdrop-filter:blur(10px);border:1px solid #2d3139;border-radius:20px;padding:0;box-shadow:0 8px 32px #0003;overflow:hidden}.canvas-container{position:relative;border:2px dashed #3d4349;height:600px;border-radius:0;background:#2a2e35;background-image:repeating-conic-gradient(#2f3339 0% 25%,#2a2e35 0% 50%);transition:border-color .3s ease;overflow:hidden}.canvas-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer;transition:all .3s ease}.canvas-placeholder.d-none{display:none!important}.canvas-container.drag-over{border-color:var(--bs-primary);border-style:solid;background:#2d1820}.upload-label{cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease;border-radius:12px}.upload-label:hover{background:#1f2329}.upload-label svg{color:var(--bs-primary);transition:transform .3s ease}.upload-label:hover svg{transform:translateY(-5px)}.scroll-area{position:relative;width:100%;height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}#stage{position:relative;display:flex;align-items:center;justify-content:center}.main-canvas{display:block;border-radius:0;max-width:100%;max-height:600px;width:auto;height:auto;object-fit:contain}.overlay{position:absolute;left:0;top:0;pointer-events:none}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0f12f2;backdrop-filter:blur(10px);z-index:10}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:#1a1d23;border:1px solid #2d3139;border-radius:20px;box-shadow:0 8px 32px #0006;min-width:300px}.loader{width:60px;height:60px;border:6px solid #3d4349;border-top:6px solid var(--bs-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#fff;font-weight:600;font-size:1rem;text-align:center;margin:0}.progress-bar-container{width:100%;height:8px;background:#2d3139;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--bs-primary),#ff0958);border-radius:4px;width:0%;transition:width .3s ease}.progress-text{color:var(--bs-primary);font-weight:700;font-size:1.1rem;margin:0}.player-controls{background:#15171c;border-top:1px solid #2d3139;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem}.player-btn{background:#2d3139;border:1px solid #3d4349;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.player-btn:hover:not(:disabled){background:#3d4349;border-color:var(--bs-primary);transform:scale(1.05)}.player-btn:disabled{opacity:.4;cursor:not-allowed;background:#1a1d23;border-color:#2d3139}.player-btn.play-pause{background:var(--bs-primary);border-color:var(--bs-primary);width:48px;height:48px}.player-btn.play-pause:hover:not(:disabled){background:#ff0958;border-color:#ff0958;box-shadow:0 0 0 4px #f8075233}.player-btn.play-pause:disabled{background:#2d1820;border-color:#3d2830;opacity:.3}.player-btn svg{flex-shrink:0}.player-info{flex:1;display:flex;align-items:center;gap:.75rem;color:#b3b3b3;font-size:.9rem;margin-left:auto}.player-info .separator{color:#3d4349}#effectCount{color:#fff;font-weight:600}.status-playing{color:var(--bs-primary);font-weight:600}.status-paused{color:#6c757d}.controls-card{background:#1a1d23;backdrop-filter:blur(10px);border:1px solid #2d3139;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;transition:all .3s ease}.controls-card:hover{box-shadow:0 12px 40px #f8075226;border-color:#3d4349}.card-header-custom{padding:1rem;border-bottom:1px solid #2d3139;background:#1f2329}.card-header-custom h6{color:#fff;font-weight:600;text-align:center}.card-header-effects{padding:1.25rem;border-bottom:1px solid rgba(45,49,57,.5);background:linear-gradient(135deg,#2d1820,#1f1318);position:relative;overflow:hidden}.card-header-effects:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--bs-primary),transparent);opacity:.5}.card-header-effects h6{font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.card-body-custom{padding:1.5rem;min-height:200px;background:linear-gradient(180deg,#1a1d23,#15171c)}.brush-preview-wrapper{display:flex;flex-direction:column;align-items:center}.brush-preview{background:#2d3236;border:1px solid #3d4349}.effects-list{max-height:400px;overflow-y:auto;padding-right:.5rem}.empty-effects-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;opacity:.5;transition:opacity .3s ease}.empty-effects-state:hover{opacity:.7}.empty-effects-state.hidden{display:none}.empty-effects-state .empty-icon{margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-effects-state p{font-size:.95rem;font-weight:500;letter-spacing:.02em}.effects-list::-webkit-scrollbar{width:8px}.effects-list::-webkit-scrollbar-track{background:#15171c;border-radius:4px}.effects-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f80752,#c00540);border-radius:4px;transition:background .3s ease}.effects-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff0958,#f80752)}.accordion{padding:.5rem}.accordion-item{background:#1f2329!important;border:1px solid #2d3139!important;border-radius:16px!important;margin-bottom:.875rem!important;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.accordion-item:hover{background:#252932!important;border-color:#f80752!important;transform:translateY(-2px);box-shadow:0 6px 16px #f8075226}.accordion-button{background:transparent!important;color:#fff!important;border:none!important;padding:1rem 1.25rem!important;font-weight:600;font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;letter-spacing:.02em}.accordion-button svg{flex-shrink:0;opacity:.7;transition:all .2s ease}.accordion-button:not(.collapsed) svg{opacity:1;stroke:var(--bs-primary)}.accordion-button:not(.collapsed){background:linear-gradient(135deg,#2d1820,#1f1318)!important;box-shadow:none!important;color:var(--bs-primary)!important}.accordion-button:focus{box-shadow:none!important;border-color:transparent!important}.accordion-button:after{filter:brightness(0) invert(1);transition:transform .3s ease}.accordion-button:not(.collapsed):after{filter:brightness(0) saturate(100%) invert(34%) sepia(95%) saturate(6291%) hue-rotate(338deg) brightness(98%) contrast(98%)}.accordion-body{background:linear-gradient(180deg,#15171c,#12141a)!important;color:#f0f0f0!important;padding:1.5rem!important;border-top:1px solid rgba(45,49,57,.5);position:relative}.accordion-body:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(248,7,82,.3),transparent)}.accordion-collapse{border:none!important}.accordion-body .form-range{height:6px;background:linear-gradient(to right,#2d3139,#3d4349);border-radius:6px;position:relative;box-shadow:inset 0 1px 3px #0000004d}.accordion-body .form-range::-webkit-slider-thumb{width:18px;height:18px;background:linear-gradient(135deg,#ff0958,#f80752);border:2px solid #15171c;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #f8075266}.accordion-body .form-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 6px #f8075226,0 4px 12px #f8075299;background:linear-gradient(135deg,#ff1565,#ff0958)}.accordion-body .form-range::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#ff0958,#f80752);border:2px solid #15171c;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #f8075266}.accordion-body .form-range::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 6px #f8075226,0 4px 12px #f8075299;background:linear-gradient(135deg,#ff1565,#ff0958)}.accordion-body .form-label{color:#b3b3b3;font-size:.85rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.03em}.accordion-body .form-label .text-white{background:linear-gradient(135deg,#f80752,#ff0958);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:.9rem}.accordion-body .form-label:after{content:attr(data-property);display:none}.accordion-body>div:not(:last-child){margin-bottom:1.125rem;padding-bottom:1rem;border-bottom:1px solid rgba(45,49,57,.3)}.accordion-body>div:last-child{margin-bottom:0}.accordion-body .mb-3{background:#1a1d2366;border-radius:12px;padding:1rem;border:1px solid rgba(45,49,57,.4);transition:all .3s ease}.accordion-body .mb-3:hover{background:#1a1d2399;border-color:#f8075233;transform:translate(2px)}.accordion-body .d-flex.gap-2{padding:.75rem;background:#1a1d234d;border-radius:10px;margin-bottom:1.25rem!important;border:1px solid rgba(45,49,57,.3)}.accordion-body .form-check-input{background-color:#3d4349;border-color:#4d5359}.accordion-body .form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}.accordion-body .form-check-label{color:#ccc;font-size:.85rem;cursor:pointer}.accordion-body .btn{font-size:.85rem;padding:.625rem 1rem;border-radius:10px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.02em;position:relative;overflow:hidden}.accordion-body .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.accordion-body .btn:hover:before{width:300px;height:300px}.accordion-body .btn svg{transition:transform .25s ease;position:relative;z-index:1}.accordion-body .btn span{position:relative;z-index:1}.accordion-body .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.accordion-body .btn:hover svg{transform:scale(1.1)}.accordion-body .btn:active{transform:translateY(0)}.accordion-body .btn-outline-secondary{border-color:#3d4349;color:#ccc;background:#2d313933}.accordion-body .btn-outline-secondary:hover{background:linear-gradient(135deg,#2d3139,#3d4349);border-color:#5d6369;color:#fff;box-shadow:0 6px 16px #3d434966}.accordion-body .btn-primary{background:linear-gradient(135deg,var(--bs-primary),#ff0958);border-color:var(--bs-primary);color:#fff;box-shadow:0 4px 12px #f807524d}.accordion-body .btn-primary:hover{background:linear-gradient(135deg,#ff0958,#ff1565);border-color:#ff0958;box-shadow:0 6px 20px #f8075280}.accordion-body .btn-outline-danger{border-color:#dc35454d;color:#ea868f;background:#2d182033}.accordion-body .btn-outline-danger:hover{background:linear-gradient(135deg,#2d1820cc,#8420294d);border-color:#dc3545;color:#ff6b7a;box-shadow:0 6px 16px #dc354566}.accordion-body .btn-outline-danger svg{filter:drop-shadow(0 0 4px rgba(220,53,69,.3))}.export-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.export-modal-overlay.active{opacity:1;pointer-events:auto}.export-modal-container{max-width:900px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:transform .3s ease}.export-modal-overlay.active .export-modal-container{transform:scale(1) translateY(0)}.export-modal-content{background:linear-gradient(180deg,#1a1d23,#15171c);border:1px solid rgba(248,7,82,.2);border-radius:24px;box-shadow:0 25px 80px #000000b3,0 0 0 1px #f807521a;overflow:hidden}.export-modal-header{background:linear-gradient(135deg,#2d1820,#1f1318);border-bottom:1px solid rgba(248,7,82,.3);padding:1.75rem 2rem;position:relative;display:flex;align-items:center;justify-content:space-between}.export-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--bs-primary),transparent);opacity:.6}.export-modal-title{color:#fff;font-weight:700;font-size:1.35rem;display:flex;align-items:center;letter-spacing:-.01em;margin:0}.export-modal-title svg{color:var(--bs-primary);filter:drop-shadow(0 0 8px rgba(248,7,82,.5));flex-shrink:0}.export-modal-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;opacity:.8;flex-shrink:0}.export-modal-close:hover{opacity:1;background:#f807521a;transform:rotate(90deg)}.export-modal-close svg{width:20px;height:20px}.export-modal-body{padding:2rem}.export-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.export-option-wrapper{display:flex;flex-direction:column}@media(max-width:768px){.export-options-grid{grid-template-columns:1fr}}.export-modal-container::-webkit-scrollbar{width:10px}.export-modal-container::-webkit-scrollbar-track{background:#15171c;border-radius:10px}.export-modal-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f80752,#c00540);border-radius:10px;transition:background .3s ease}.export-modal-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff0958,#f80752)}.export-option{background:linear-gradient(135deg,#1f2329,#1a1d23);border:2px solid #2d3139;border-radius:20px;padding:0;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.export-option:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(248,7,82,.08),transparent 70%);opacity:0;transition:opacity .4s ease}.export-option:hover:before{opacity:1}.export-option:hover{border-color:var(--bs-primary);transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #f8075240,0 0 0 1px #f807524d}.export-option-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.export-option-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s ease;position:relative}.export-option-icon:after{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(135deg,currentColor,transparent);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.export-option:hover .export-option-icon:after{opacity:.5}.gif-icon{background:linear-gradient(135deg,#22c55e33,#22c55e0d);border:2px solid rgba(34,197,94,.4);color:#22c55e;box-shadow:0 8px 20px #22c55e26,inset 0 1px #ffffff1a}.webm-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border:2px solid rgba(139,92,246,.4);color:#8b5cf6;box-shadow:0 8px 20px #8b5cf626,inset 0 1px #ffffff1a}.export-option:hover .export-option-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 30px #22c55e4d,inset 0 1px #fff3}.export-option-premium:hover .webm-icon{box-shadow:0 12px 30px #8b5cf64d,inset 0 1px #fff3}.export-option-badge{padding:.4rem .75rem;border-radius:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.35rem}.free-badge{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.3);color:#22c55e}.premium-badge-small{background:linear-gradient(135deg,#f8075240,#ff095826);border:1px solid rgba(248,7,82,.4);color:var(--bs-primary);animation:premiumPulse 3s ease-in-out infinite}@keyframes premiumPulse{0%,to{box-shadow:0 0 #f8075266}50%{box-shadow:0 0 0 4px #f8075200}}.export-option-content{padding:0 1.5rem;flex:1;position:relative;z-index:1}.export-option-title{color:#fff;font-weight:700;font-size:1.15rem;margin-bottom:.5rem;letter-spacing:-.01em}.export-option-desc{color:#b3b3b3;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.export-option-features{display:flex;flex-direction:column;gap:.5rem}.feature-item{display:flex;align-items:center;gap:.5rem;color:#e0e0e0;font-size:.85rem}.feature-item svg{color:#22c55e;flex-shrink:0}.export-option-premium .feature-item svg{color:#8b5cf6}.export-option-footer{padding:1.25rem 1.5rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.download-text{color:#22c55e;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.export-option:hover .download-text{transform:translate(4px)}.locked-text{color:#9ca3af;font-weight:500;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.locked-text svg{color:var(--bs-primary)}.export-option-premium{position:relative}.export-option-premium:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#f807524d,#8b5cf64d);border-radius:20px;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.export-option-premium:hover:after{opacity:.3}.export-option-premium.locked{cursor:not-allowed;opacity:.7}.export-option-premium.locked:hover{transform:none;border-color:#2d3139;box-shadow:none}.export-option-premium.locked:before{opacity:0!important}.export-option-premium.locked:after{opacity:0!important}.export-option-premium.locked:hover .export-option-icon{transform:none}.premium-benefits-section{background:linear-gradient(135deg,#2d182066,#1f131833);border:1px solid rgba(248,7,82,.2);border-radius:20px;padding:2rem;position:relative;overflow:hidden}.premium-benefits-section:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(248,7,82,.15),transparent 70%);pointer-events:none}.benefits-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;position:relative;z-index:1}.benefits-header .star-icon{color:var(--bs-primary);animation:rotateStar 20s linear infinite;filter:drop-shadow(0 0 8px rgba(248,7,82,.5))}@keyframes rotateStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.benefits-header h6{color:#fff;font-weight:700;font-size:1.1rem;margin:0;letter-spacing:-.01em}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.benefit-card{background:linear-gradient(135deg,#1a1d2399,#15171c66);border:1px solid rgba(248,7,82,.15);border-radius:12px;padding:1.25rem;display:flex;align-items:flex-start;gap:.75rem;transition:all .3s ease}.benefit-card:hover{border-color:#f8075266;background:linear-gradient(135deg,#1a1d23cc,#15171c99);transform:translateY(-2px)}.benefit-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f8075233,#f807520d);border:1px solid rgba(248,7,82,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--bs-primary)}.benefit-card p{color:#e0e0e0;font-size:.9rem;margin:0;line-height:1.5;padding-top:.5rem}.upgrade-cta{display:flex;justify-content:center;position:relative;z-index:1}.btn-upgrade{background:linear-gradient(135deg,var(--bs-primary),#ff0958);border:none;color:#fff;padding:.875rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #f8075266,inset 0 1px #fff3;position:relative;overflow:hidden}.btn-upgrade:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-upgrade:hover:before{left:100%}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f8075299,inset 0 1px #ffffff4d}.btn-upgrade:active{transform:translateY(0)}.btn-upgrade svg{animation:pulse 2s ease-in-out infinite}@media(max-width:768px){.benefits-grid{grid-template-columns:1fr}}.actions-wrapper button{font-weight:600;padding:.75rem 1.5rem;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.actions-wrapper .btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px #f8075280}.actions-wrapper .btn-success:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e80}.actions-wrapper button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.actions-wrapper .btn-primary:disabled{background:#2d1820;border-color:#3d2830}.actions-wrapper .btn-success:disabled{background:#1a2e23;border-color:#2d4339}@media(max-width:992px){.scroll-area,.canvas-container{height:500px}.main-canvas{max-height:500px}.animate-slide-up-delay{animation-delay:.2s}.player-info{font-size:.85rem}}@media(max-width:576px){.canvas-card{padding:0}.upload-label{padding:2rem 1rem}.scroll-area,.canvas-container{height:400px}.main-canvas{max-height:400px}.player-controls{padding:.75rem 1rem;gap:.75rem}.player-btn{width:36px;height:36px}.player-btn.play-pause{width:42px;height:42px}.player-info{flex-direction:column;align-items:flex-start;gap:.25rem;font-size:.8rem}.player-info .separator{display:none}}