.preview-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;display:flex;height:100vh;justify-content:center;left:0;position:fixed!important;top:0;width:100vw;z-index:999999!important}.preview-modal{animation:fadeInScale .3s ease-in-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#005000d9;border-radius:20px;box-shadow:0 8px 25px #0006;color:#fff;max-width:820px;padding:20px;position:relative;text-align:center;width:90%;z-index:1000000}.preview-title{color:#a3ffb3;font-size:1.8rem;font-weight:700;margin-bottom:16px;text-shadow:0 0 10px #0f09}.preview-content{flex-direction:column}.preview-animation,.preview-content{align-items:center;display:flex;justify-content:center}.preview-animation{height:420px;width:100%}.preview-animation canvas,.preview-animation img{max-height:100%;max-width:100%}.close-btn{background:linear-gradient(135deg,#0c4,#093);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:10px 18px;transition:all .25s ease}.close-btn:hover{background:linear-gradient(135deg,#00e65c,#00b33c);transform:scale(1.05)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.preview-content{height:300px}.preview-title{font-size:1.4rem}}@media (max-width:480px){.preview-content{height:250px}.preview-title{font-size:1.2rem}}.animation-section{margin-bottom:32px;padding:0 12px}.grid-title{background:linear-gradient(90deg,#00800026,#00800000);border-radius:12px;color:#122e03;display:block;font-size:3rem;font-weight:700;margin:16px auto;padding:8px 16px;text-align:center;width:100%}.animation-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.animation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 20px #0003;padding:16px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.animation-card:hover{box-shadow:0 12px 25px #00000059;transform:translateY(-5px)}.animation-preview{align-items:center;display:flex;height:120px;justify-content:center;overflow:hidden}.animation-preview canvas{height:auto!important;max-width:100%!important}.animation-name{color:#eff0ee;font-size:1.2rem;font-weight:600;margin:8px 0}.animation-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px;transition:background .25s ease,transform .2s ease}.preview-btn{background:#3b82f6cc;color:#021623}.download-btn{background:#0e9941cc;color:#0c2e03}.btn:hover{transform:scale(1.05)}@media (max-width:768px){.animation-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.animation-grid{grid-template-columns:1fr}.animation-card{padding:12px}.animation-preview{height:100px}.btn{font-size:.85rem;padding:5px 10px}}
/*# sourceMappingURL=main.d4182953.css.map*/