.img_compress_gen{background:#0e141d}.cntr_header_nano{text-align:center;margin-bottom:40px}.cntr_header_nano h4{color:#fff;margin-bottom:12px;font-size:52px;font-weight:700}.cntr_header_nano p{color:#b5b5b5;max-width:720px;margin:0 auto;font-size:16px}.shine{background:linear-gradient(90deg,#f59e0b 10%,#ff5700 62%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.compressContainer{width:85%;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 20px}.card-premium{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.45)}.card-body{padding:32px}.controls-row{flex-direction:column;gap:28px;margin-bottom:30px;display:flex}.dropzoneWrapper{width:100%}.dropzone{cursor:pointer;text-align:center;background:rgba(0,0,0,.45);border:2px dashed rgba(255,87,0,.45);border-radius:16px;padding:36px;transition:all .25s}.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{justify-content:center;margin-bottom:18px;display:flex}.dropText{margin-bottom:6px;font-size:18px;font-weight:600}.textPrimary{color:#ff5700}.smallMuted{color:#9aa1b2;font-size:.85rem}.counter{opacity:.9;margin-top:14px;font-weight:600}.qualityControl{width:100%}.formLabel{margin-bottom:6px;font-size:16px;font-weight:600}.qualityValue{color:#ff5700}.formRange{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:999px;outline:none;width:100%;height:8px}.formRange::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(-90deg,#f59e0b 10%,#ff5700 62%);border-radius:50%;width:22px;height:22px;box-shadow:0 4px 12px rgba(255,87,0,.4)}.formRange::-moz-range-thumb{background:#ff5700;border:none;border-radius:50%;width:22px;height:22px}.buttonGroup{flex-wrap:wrap;gap:14px;display:flex}.buttonGroup button{cursor:pointer;border:none;border-radius:12px;min-width:160px;padding:14px 22px;font-size:14px;font-weight:600;transition:all .25s}.buttonGroup button:disabled{opacity:.45;cursor:not-allowed}.btnOutline,.btnSuccess{color:#fff;background:linear-gradient(-90deg,#f59e0b 10%,#ff5700 62%)}.btnOutline:hover:not(:disabled),.btnSuccess:hover:not(:disabled){background:linear-gradient(90deg,#f59e0b 10%,#ff5700 62%)}.btnDanger{color:#fff;background:#dc3545}.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;background:rgba(0,0,0,.35);border-radius:10px;margin-bottom:20px;padding:12px;font-weight:600}.compress-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.compress-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;flex-direction:column;min-height:380px;padding:16px;transition:transform .25s,box-shadow .25s;display:flex}.compress-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.45)}.thumb{object-fit:contain;background:#000;border-radius:10px;width:100%;height:180px;margin-bottom:14px}.fileName{white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:14px;font-weight:600;overflow:hidden}.fileSize{color:#9aa1b2;margin-bottom:12px;font-size:13px}.progressBar{background:rgba(255,255,255,.12);border-radius:999px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.progressFill{background:linear-gradient(-90deg,#f59e0b 10%,#ff5700 62%);height:100%;transition:width .3s}.status{margin-bottom:14px;font-size:13px}.cardActions{gap:10px;margin-top:auto;display:flex}.cardActions button{border-radius:8px;flex:1;padding:10px;font-size:13px}.btnCompress{color:#fff;background:linear-gradient(-90deg,#f59e0b 10%,#ff5700 62%)}.btnDownload{color:#fff;background:#28a745}.btnDelete{color:#fff;background:#dc3545}@media (min-width:1025px){.controls-row{grid-template-columns:1fr auto;align-items:end;gap:28px;display:grid}.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}}