.img_resizer_gen .dropzone{cursor:pointer;text-align:center;background:#000;border:2px dashed rgba(255,87,0,.37);border-radius:10px;padding:28px;transition:border-color .18s,background .18s,transform 80ms}.img_resizer_gen .dropzone:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff5700 0%,transparent 70%);border-radius:50%;width:0;height:0;transition:all .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.img_resizer_gen .dropzone:hover{border-color:#ff5700}.img_resizer_gen .dropzone.dragover{background:#000;border-color:#ff5700;transform:scale(1.01)}.img_resizer_gen .dropzone input{display:none}.img_resizer_gen .dropzone-icon{opacity:1;margin-bottom:10px}.img_resizer_gen .dropzone-text{z-index:1;margin-bottom:.5rem;font-size:1.1rem;font-weight:500;position:relative}.img_resizer_gen .dropzone-hint{z-index:1;color:#6c757d;font-size:.875rem;position:relative}.img_resizer_gen .btn-premium{letter-spacing:.5px;background:rgba(255,255,255,.05);border:none;border-radius:10px;padding:.6rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.img_resizer_gen .preset{opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:not-allowed;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.6rem 15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3)}.img_resizer_gen .btn-premium-primary{color:#fff;opacity:.5;background:linear-gradient(-90deg,#f59e0b 10%,#ff5700 62%)}.img_resizer_gen .btn-premium-primary:hover:not(:disabled){background:linear-gradient(90deg,#f59e0b 10%,#ff5700 62%)}.img_resizer_gen button:not(:disabled){opacity:1}.img_resizer_gen .btn-danger,.img_resizer_gen #deselectAll{color:#fff;opacity:.5;background:red}.img_resizer_gen .selectall{color:#fff;opacity:.5;background:green}.img_resizer_gen .extraclassadd_1 .preset,.img_resizer_gen .extraclassadd_1 #deselectAll{opacity:1}.img_resizer_gen .extraclassadd_1 .preset{cursor:pointer}.img_resizer_gen .extraclassadd_1 #presetList{scrollbar-width:thin;scrollbar-color:#000 rgba(0,0,0,.3);max-height:600px;overflow-y:scroll}.img_resizer_gen .preset.active{background:rgba(0,0,0,.39);border-color:#ff5700;box-shadow:0 0 20px rgba(255,87,0,.3),inset 0 0 0 1px #ff5700}.img_resizer_gen .preset.active:after{content:"✓";background:#ff5700;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) checkPop;display:flex;position:absolute;top:.5rem;right:.5rem}@keyframes checkPop{0%{transform:scale(0)rotate(-45deg)}to{transform:scale(1)rotate(0)}}.img_resizer_gen .preset-name{z-index:1;margin-bottom:.25rem;padding-right:15px;font-size:.85rem;font-weight:600;position:relative}.img_resizer_gen .preset-size{color:#99a1b3;z-index:1;font-size:.8rem;position:relative}.img_resizer_gen .preview-container{background:rgba(0,0,0,.39);border:1px solid rgba(255,255,255,.12);border-radius:20px;justify-content:center;align-items:center;height:420px;padding:30px;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.45)}.img_resizer_gen .preview-img{object-fit:contain;background:#000;border-radius:16px;max-width:100%;max-height:100%;transition:transform .3s;box-shadow:0 15px 40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}.img_resizer_gen .result-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out backwards resultAppear;box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3)}@keyframes resultAppear{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.img_resizer_gen .result-card canvas{cursor:pointer;border-radius:10px;max-width:100%;transition:transform .3s;box-shadow:0 10px 30px rgba(0,0,0,.2)}.img_resizer_gen .result-title{color:#fff;margin-bottom:.25rem;font-size:15px;font-weight:600}.img_resizer_gen .result-size{color:#fff;font-size:.675rem}.img_resizer_gen .section-header{color:#fff;border-bottom:2px solid rgba(255,255,255,.06);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.img_resizer_gen .drop-text{color:#fff;margin-top:1rem;margin-bottom:.5rem;font-size:18px;font-weight:500}.img_resizer_gen .drop-text span{color:#ff5700!important}.img_resizer_gen .dropzone-hint{color:#6c757d;font-size:1rem}.img_resizer_gen .main_detali_img_resize{color:#fff}.img_resizer_gen .card-premium{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:20px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 6px -1px rgba(0,0,0,.3)}.img_resizer_gen select,.img_resizer_gen input,.img_resizer_gen .box_platform_presets .preset{color:#fff;opacity:.3;cursor:not-allowed;background:rgba(0,0,0,.39);border:1px solid rgba(255,255,255,.21);border-radius:10px;outline:none;width:100%;padding:10px}.img_resizer_gen .extraclassadd_1 select,.img_resizer_gen .extraclassadd_1 input{opacity:1;cursor:pointer}.img_resizer_gen .extraclassadd_1 .other_detalis_img_res{display:block}.img_resizer_gen .other_detalis_img_res,.img_resizer_gen #presetList{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.img_resizer_gen .extraclassadd_1 #presetList{grid-template-columns:repeat(2,1fr)}.img_resizer_gen #presetList{grid-template-columns:repeat(4,1fr)}.img_resizer_gen .section-header_pl{justify-content:space-between;align-items:center;display:flex}.img_resizer_gen .form-label-premium{color:#fff;font-weight:600}.img_resizer_gen .download-icon{cursor:pointer;background:rgba(255,87,0,.2);border-radius:6px;margin-top:-1.75rem;padding:4px 8px;font-size:18px;transition:all .2s}.img_resizer_gen .download-icon:hover{background:rgba(255,87,0,.5);transform:scale(1.15)}.img_resizer_gen .text-primary{color:#ff5700!important}@media (max-width:578px){.img_resizer_gen .cntr_header_nano h4{font-size:35px!important}.img_resizer_gen .cntr_header_nano p{font-size:15px!important}.img_resizer_gen .above_pill_area_nano span{font-size:12px!important}.img_resizer_gen .section-header_pl,.img_resizer_gen .section-header_pl span{display:block!important}.img_resizer_gen .section-header_pl span{text-align:center;margin-bottom:10px}.img_resizer_gen #presetList{max-height:300px;overflow-y:scroll;grid-template-columns:repeat(1,1fr)!important}.img_resizer_gen #asideCol{margin-bottom:20px!important}.img_resizer_gen #mainCol .card-premium{border-radius:20px;padding:25px}.img_resizer_gen .dropzone{padding:20px 15px}.img_resizer_gen .other_detalis_img_res{grid-template-columns:repeat(1,1fr)!important}.img_resizer_gen .d-flex.gap-2{flex-direction:column}.img_resizer_gen .d-flex.gap-2 button{width:100%}}@media (min-width:579px) and (max-width:767px){.img_resizer_gen .cntr_header_nano h4{font-size:45px!important}.img_resizer_gen #presetList{grid-template-columns:repeat(3,1fr)!important}.img_resizer_gen .preset-name{padding-right:0!important}}@media (min-width:768px) and (max-width:991px){.img_resizer_gen .extraclassadd_1 #presetList{grid-template-columns:repeat(2,1fr)!important}.img_resizer_gen .preset-name{padding-right:0!important}.img_resizer_gen .extraclassadd_1 #presetList{height:400px!important}.img_resizer_gen .other_detalis_img_res{grid-template-columns:repeat(1,1fr)!important}}@media (max-width:991px){.img_resizer_gen .cntr_header_nano h4{font-size:35px;line-height:inherit}.img_resizer_gen .cntr_header_nano p{font-size:15px}.img_resizer_gen .above_pill_area_nano{text-align:center}}@media (min-width:992px) and (max-width:1199px){.img_resizer_gen .cntr_header_nano h4{font-size:50px}}@media (min-width:1200px) and (max-width:1399px){.img_resizer_gen .cntr_header_nano h4{font-size:55px}}@media (min-width:992px) and (max-width:1400px){.img_resizer_gen .cntr_header_nano h4,.img_resizer_gen .cntr_header_nano p{width:80%}}@media print{.img_resizer_gen #asideCol,.img_resizer_gen .btn-premium{display:none!important}}.img_resizer_gen #mainCol{display:none}.img_resizer_gen .has-image #mainCol{display:block}#asideCol,#mainCol{transition:all .35s}.img_resizer_gen .preview-img:hover{transform:scale(1.02)}