.img_compress_gen{background:hsl(216,34.9%,8.4%)}.cntr_header_nano{text-align:center;margin-bottom:40px}.cntr_header_nano h4{font-size:52px;font-weight:700;color:#fff;margin-bottom:12px}.cntr_header_nano p{font-size:16px;color:#b5b5b5;max-width:720px;margin:0 auto}.shine{background:linear-gradient(90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.compressContainer{width:85%;max-width:1200px;margin:0 auto;padding:40px 20px;min-height:100vh}.card-premium{color:#fff;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.45)}.card-body{padding:32px}.controls-row{display:flex;flex-direction:column;gap:28px;margin-bottom:30px}.dropzoneWrapper{width:100%}.dropzone{padding:36px;cursor:pointer;text-align:center;border-radius:16px;border:2px dashed rgba(255,87,0,.45);background:rgba(0,0,0,.45);transition:all .25s ease}.dropzone:hover{border-color:#ff5700;box-shadow:inset 0 0 0 1px #ff5700}.dropzone.dragover{background:rgba(0,0,0,.65);transform:translateY(-3px)}.icon{display:flex;justify-content:center;margin-bottom:18px}.dropText{font-size:18px;font-weight:600;margin-bottom:6px}.textPrimary{color:#ff5700}.smallMuted{color:#9aa1b2;font-size:.85rem}.counter{margin-top:14px;font-weight:600;opacity:.9}.qualityControl{width:100%}.formLabel{font-size:16px;font-weight:600;margin-bottom:6px}.qualityValue{color:#ff5700}.formRange{width:100%;height:8px;border-radius:999px;background:#e2e8f0;appearance:none;outline:none}.formRange::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(-90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%);cursor:pointer;box-shadow:0 4px 12px rgba(255,87,0,.4)}.formRange::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#ff5700;border:none}.buttonGroup{display:flex;gap:14px;flex-wrap:wrap}.buttonGroup button{min-width:160px;padding:14px 22px;font-size:14px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .25s ease}.buttonGroup button:disabled{opacity:.45;cursor:not-allowed}.btnOutline,.btnSuccess{color:#fff;background:linear-gradient(-90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%)}.btnOutline:hover:not(:disabled),.btnSuccess:hover:not(:disabled){background:linear-gradient(90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%)}.btnDanger{background:#dc3545;color:#fff}.btnDanger:hover:not(:disabled){background:#c82333}.divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:30px 0}.info{text-align:center;padding:12px;border-radius:10px;background:rgba(0,0,0,.35);font-weight:600;margin-bottom:20px}.compress-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.compress-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:flex;flex-direction:column;min-height:380px;transition:transform .25s ease,box-shadow .25s ease}.compress-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.45)}.thumb{width:100%;height:180px;object-fit:contain;background:#000;border-radius:10px;margin-bottom:14px}.fileName{font-size:14px;font-weight:600;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fileSize{font-size:13px;color:#9aa1b2;margin-bottom:12px}.progressBar{width:100%;height:8px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin-bottom:12px}.progressFill{height:100%;background:linear-gradient(-90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%);transition:width .3s ease}.status{font-size:13px;margin-bottom:14px}.cardActions{display:flex;gap:10px;margin-top:auto}.cardActions button{flex:1;padding:10px;font-size:13px;border-radius:8px}.btnCompress{background:linear-gradient(-90deg,rgba(245,158,11,1) 10%,rgba(255,87,0,1) 62%);color:#fff}.btnDownload{background:#28a745;color:#fff}.btnDelete{background:#dc3545;color:#fff}.img_compress_gen{background:#f7f9fc;color:#344054}.img_compress_gen .cntr_header_nano h4,.img_compress_gen :is(.formLabel,.fileName,.dropText,.info){color:#101828}.img_compress_gen .cntr_header_nano p,.img_compress_gen :is(.smallMuted,.fileSize,.status,.counter){color:#667085}.img_compress_gen :is(.card-premium,.compress-card){color:#344054;background:#ffffff;border-color:#d8e0eb;box-shadow:0 10px 28px rgba(16,24,40,.08)}.img_compress_gen .dropzone{color:#344054;background:#ffffff;border-color:#ff7a3d}.img_compress_gen .dropzone.dragover,.img_compress_gen .dropzone:hover{background:#fff7f2}.img_compress_gen .divider{border-top-color:#e1e7ef}.img_compress_gen .info,.img_compress_gen .progressBar{background:#eef2f6}.img_compress_gen .compressContainer{width:min(1100px,calc(100% - 32px));max-width:1100px;min-height:calc(100vh - 80px);padding:28px 0 56px}.img_compress_gen .above_pill_area_nano{margin-bottom:22px}.img_compress_gen .cntr_header_nano{margin-bottom:28px}.img_compress_gen .cntr_header_nano h4{margin-bottom:8px;font-size:clamp(36px,4vw,48px);line-height:1.12}.img_compress_gen .card-premium{border-radius:18px}.img_compress_gen .card-body{padding:24px}.img_compress_gen .controls-row{gap:20px;margin-bottom:20px}.img_compress_gen .dropzone{padding:26px;border-radius:14px;background:#fffaf7}.img_compress_gen .icon{margin-bottom:12px}@media (max-width:640px){.img_compress_gen .compressContainer{width:min(100% - 24px,1100px);padding-top:22px}.img_compress_gen .card-body,.img_compress_gen .dropzone{padding:18px}}.img_compress_gen{background:linear-gradient(135deg,#fff8f3,#f7f9fc 48%,#f2f5ff)!important}.img_compress_gen .compressContainer{background:transparent!important;border:0!important;box-shadow:none!important}.img_compress_gen .card-premium{margin-top:32px;background:#fff!important;border:1px solid #d8e0eb!important;box-shadow:0 14px 36px rgba(16,24,40,.09)!important}.img_compress_gen .cntr_header_nano{margin-bottom:0}.img_compress_gen .controls-row{padding-bottom:2px}.img_compress_gen .buttonGroup button:disabled{opacity:1}.img_compress_gen .buttonGroup .btnOutline:disabled{color:#9a3412;background:#fff0e6;border:1px solid #ffb184}.img_compress_gen .buttonGroup .btnSuccess:disabled{color:#047857;background:#ecfdf3;border:1px solid #a7f3d0}.img_compress_gen .buttonGroup .btnDanger:disabled{color:#b42318;background:#fff1f2;border:1px solid #fecdd3}@media (min-width:1025px){.controls-row{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.dropzoneWrapper{grid-column:1/-1}.qualityControl{padding-right:24px}}@media (max-width:768px){.compressContainer{padding:24px 12px}.card-body{padding:20px}.buttonGroup{flex-direction:column}.buttonGroup button{width:100%}.thumb{height:140px}.cntr_header_nano h4{font-size:36px}.cntr_header_nano p{font-size:14px}}@media (max-width:576px){.compressContainer{width:100%;max-width:100%;margin:0;padding:16px 10px}.img_compress_gen{padding:0}.card-premium{border-radius:18px}}.img_compress_gen{background:#f7f9fc!important}.img_compress_gen .above_pill_area_nano span{color:#475467!important;border-color:#d8e0eb!important;background:#ffffff!important;box-shadow:0 4px 12px rgba(16,24,40,.05)!important}.img_compress_gen .above_pill_area_nano span:first-child{color:#c2410c!important;border-color:#ffb184!important;background:#fff7f2!important}.img_compress_gen .shine{color:#ff5700;background:none;-webkit-text-fill-color:currentColor}.img_compress_gen .card-premium{box-shadow:0 12px 32px rgba(16,24,40,.08)!important}.img_compress_gen .dropzone{border-color:#cbd5e1!important;background:#f8fafc!important}.img_compress_gen .dropzone.dragover,.img_compress_gen .dropzone:hover{border-color:#ff5700!important;background:#fff7f2!important;box-shadow:0 0 0 3px rgba(255,87,0,.08)!important}.img_compress_gen .buttonGroup button:not(:disabled),.img_compress_gen .cardActions button:not(:disabled){color:#ffffff!important;border:1px solid #ff5700!important;background:#ff5700!important}.img_compress_gen .buttonGroup button:not(:disabled):hover,.img_compress_gen .cardActions button:not(:disabled):hover{color:#ffffff!important;background:#e84f09!important;transform:translateY(-1px)}body.public-light-theme-active .img_compress_gen .compressContainer{width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 20px 64px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.img_compress_gen .above_pill_area_nano{margin-bottom:30px}.img_compress_gen .above_pill_area_nano :is(span:first-child,.span_des_1){color:#a16207!important;border-color:#eab308!important;background:#fef9c3!important}.img_compress_gen .above_pill_area_nano :is(span:nth-child(2),.span_des_2){color:#c2410c!important;border-color:#ff5700!important;background:#fff0e6!important}.img_compress_gen .above_pill_area_nano :is(span:nth-child(3),.span_des_3){color:#7e22ce!important;border-color:#a855f7!important;background:#f3e8ff!important}.img_compress_gen .above_pill_area_nano :is(span:nth-child(4),.span_des_4){color:#be185d!important;border-color:#ec4899!important;background:#fce7f3!important}.img_compress_gen .above_pill_area_nano :is(span:nth-child(5),.span_des_5){color:#047857!important;border-color:#22c55e!important;background:#dcfce7!important}.img_compress_gen .cntr_header_nano{margin-bottom:40px}.img_compress_gen .cntr_header_nano h4{font-size:clamp(40px,5vw,60px)}.img_compress_gen .shine{color:transparent;background:linear-gradient(90deg,#f59e0b,#ff5700);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.img_compress_gen .card-premium{margin-top:0;padding:25px 20px;border-radius:20px;box-shadow:0 10px 28px rgba(16,24,40,.08)!important}.img_compress_gen .card-body{padding:0}.img_compress_gen .dropzone{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-color:#d8e0eb!important;background:#ffffff!important}.img_compress_gen .buttonGroup .btnOutline:not(:disabled),.img_compress_gen .cardActions .btnCompress:not(:disabled){border-color:#ff5700!important;background:linear-gradient(100deg,#ff5700,#f59e0b)!important}.img_compress_gen .buttonGroup .btnSuccess:not(:disabled),.img_compress_gen .cardActions .btnDownload:not(:disabled){border-color:#07f75f!important;background:#69c98c!important}.img_compress_gen .buttonGroup .btnDanger:not(:disabled),.img_compress_gen .cardActions .btnDelete:not(:disabled){border-color:#dc2626!important;background:#dc2626!important}.img_compress_gen input.formRange{height:8px;padding:0!important;border:0!important;border-radius:999px;background:#fdba8c!important;box-shadow:inset 0 0 0 1px #fb923c!important;accent-color:#ff5700}.img_compress_gen input.formRange::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#fdba8c}.img_compress_gen input.formRange::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7px;border:3px solid #ffffff;background:#ff5700;box-shadow:0 3px 10px rgba(255,87,0,.4)}.img_compress_gen input.formRange::-moz-range-track{height:8px;border-radius:999px;background:#fdba8c}.img_compress_gen input.formRange::-moz-range-thumb{width:18px;height:18px;border:3px solid #ffffff;background:#ff5700;box-shadow:0 3px 10px rgba(255,87,0,.4)}.img_compress_gen input.formRange:focus-visible{outline:3px solid rgba(255,87,0,.2)!important;outline-offset:4px}@media (max-width:767px){body.public-light-theme-active .img_compress_gen .compressContainer{padding:24px 10px 48px}}