.image-compress-module__PNOcsq__header{text-align:center;margin-bottom:32px}.image-compress-module__PNOcsq__imageContainer{max-width:1600px;margin:0 auto;padding:40px 20px}.image-compress-module__PNOcsq__title{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.25rem;font-weight:700}.image-compress-module__PNOcsq__subtitle{color:var(--text-secondary,#94a3b8);font-size:1rem}[data-theme=light] .image-compress-module__PNOcsq__subtitle{color:var(--text-secondary,#64748b)}.image-compress-module__PNOcsq__controlsBar{background:linear-gradient(135deg,#8b5cf614 0%,#ec489914 100%);border:1px solid #8b5cf633;border-radius:12px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;padding:16px 24px;display:flex}[data-theme=light] .image-compress-module__PNOcsq__controlsBar{background:linear-gradient(135deg,#8b5cf60d 0%,#ec48990d 100%);border-color:#8b5cf626}.image-compress-module__PNOcsq__controlItem{align-items:center;gap:12px;display:flex}.image-compress-module__PNOcsq__controlItem label{color:var(--text-primary,#e2e8f0);white-space:nowrap;font-size:.875rem;font-weight:600}[data-theme=light] .image-compress-module__PNOcsq__controlItem label{color:var(--text-primary,#334155)}.image-compress-module__PNOcsq__sliderWrapper{align-items:center;gap:8px;display:flex}.image-compress-module__PNOcsq__sliderWrapper input[type=range]{-webkit-appearance:none;cursor:pointer;background:#8b5cf633;border-radius:3px;width:100px;height:6px}.image-compress-module__PNOcsq__sliderWrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#8b5cf6;border-radius:50%;width:16px;height:16px}.image-compress-module__PNOcsq__sliderWrapper span{color:#8b5cf6;min-width:40px;font-size:.875rem;font-weight:600}.image-compress-module__PNOcsq__select{color:var(--text-primary,#e2e8f0);cursor:pointer;background:#0f172a99;border:1px solid #8b5cf64d;border-radius:8px;outline:none;padding:8px 12px;font-size:.875rem}.image-compress-module__PNOcsq__select:focus{border-color:#8b5cf6}[data-theme=light] .image-compress-module__PNOcsq__select{color:var(--text-primary,#334155);background:#ffffffe6}.image-compress-module__PNOcsq__controlActions{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}.image-compress-module__PNOcsq__btnPrimary,.image-compress-module__PNOcsq__btnSuccess,.image-compress-module__PNOcsq__btnDanger{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.image-compress-module__PNOcsq__btnPrimary{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);box-shadow:0 4px 12px #06b6d44d}.image-compress-module__PNOcsq__btnPrimary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #06b6d466}.image-compress-module__PNOcsq__btnPrimary:disabled{opacity:.6;cursor:not-allowed}.image-compress-module__PNOcsq__btnSuccess{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%)}.image-compress-module__PNOcsq__btnSuccess:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.image-compress-module__PNOcsq__btnDanger{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.image-compress-module__PNOcsq__btnDanger:hover{background:#ef444433}.image-compress-module__PNOcsq__progressSummary{background:#0f172a66;border-radius:10px;margin-bottom:20px;padding:16px 20px}[data-theme=light] .image-compress-module__PNOcsq__progressSummary{background:#fff9}.image-compress-module__PNOcsq__progressInfo{color:var(--text-secondary,#94a3b8);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.875rem;display:flex}.image-compress-module__PNOcsq__savedBadge{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:20px;padding:4px 12px;font-size:.8125rem;font-weight:600}.image-compress-module__PNOcsq__progressBarOuter{background:#8b5cf61a;border-radius:4px;height:8px;overflow:hidden}.image-compress-module__PNOcsq__progressBarInner{background:linear-gradient(90deg,#8b5cf6 0%,#ec4899 100%);border-radius:4px;height:100%;transition:width .3s}.image-compress-module__PNOcsq__dropZone{cursor:pointer;background:#8b5cf608;border:2px dashed #8b5cf64d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:40px 20px;transition:all .3s;display:flex}.image-compress-module__PNOcsq__dropZone:hover{background:#8b5cf60f;border-color:#8b5cf680}.image-compress-module__PNOcsq__dropZone svg{color:#8b5cf6;opacity:.7}.image-compress-module__PNOcsq__dropZone p{color:var(--text-primary,#e2e8f0);margin:0;font-size:1rem;font-weight:500}.image-compress-module__PNOcsq__dropZone span{color:var(--text-secondary,#94a3b8);font-size:.8125rem}[data-theme=light] .image-compress-module__PNOcsq__dropZone p{color:var(--text-primary,#334155)}.image-compress-module__PNOcsq__addMoreBtn{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;margin-top:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .2s}.image-compress-module__PNOcsq__addMoreBtn:hover{background:#8b5cf633}.image-compress-module__PNOcsq__hiddenInput{display:none}.image-compress-module__PNOcsq__imageList{flex-direction:column;gap:8px;display:flex}.image-compress-module__PNOcsq__imageItem{background:#0f172a66;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}[data-theme=light] .image-compress-module__PNOcsq__imageItem{background:#fffc;border-color:#0000000d}.image-compress-module__PNOcsq__imageItem.image-compress-module__PNOcsq__completed{border-color:#8b5cf64d}.image-compress-module__PNOcsq__imageItem.image-compress-module__PNOcsq__processing{border-color:#ec48994d}.image-compress-module__PNOcsq__imageItem.image-compress-module__PNOcsq__failed{border-color:#ef44444d}.image-compress-module__PNOcsq__imageThumb{background:#0003;border-radius:8px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.image-compress-module__PNOcsq__imageThumb img{object-fit:cover;width:100%;height:100%}.image-compress-module__PNOcsq__thumbPlaceholder{background:linear-gradient(135deg,#8b5cf633 0%,#ec489933 100%);width:100%;height:100%}.image-compress-module__PNOcsq__imageInfo{flex:1;min-width:0}.image-compress-module__PNOcsq__imageName{color:var(--text-primary,#e2e8f0);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.875rem;font-weight:500;overflow:hidden}[data-theme=light] .image-compress-module__PNOcsq__imageName{color:var(--text-primary,#334155)}.image-compress-module__PNOcsq__imageMeta{align-items:center;gap:8px;display:flex}.image-compress-module__PNOcsq__fileType{color:#8b5cf6;text-transform:uppercase;background:#8b5cf633;border-radius:4px;padding:2px 6px;font-size:.6875rem;font-weight:700}.image-compress-module__PNOcsq__fileSize{color:var(--text-secondary,#94a3b8);font-size:.75rem}.image-compress-module__PNOcsq__imageStatus{text-align:right;min-width:100px}.image-compress-module__PNOcsq__statusWaiting{color:var(--text-secondary,#94a3b8);font-size:.75rem}.image-compress-module__PNOcsq__statusProcessing{align-items:center;gap:8px;display:flex}.image-compress-module__PNOcsq__miniProgress{background:#ec489933;border-radius:2px;width:60px;height:4px;overflow:hidden}.image-compress-module__PNOcsq__miniProgressBar{background:#ec4899;height:100%;transition:width .2s}.image-compress-module__PNOcsq__statusProcessing span{color:#ec4899;font-size:.75rem;font-weight:600}.image-compress-module__PNOcsq__statusCompleted{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.image-compress-module__PNOcsq__savedPercent{color:#8b5cf6;font-size:.875rem;font-weight:700}.image-compress-module__PNOcsq__newSize{color:var(--text-secondary,#94a3b8);font-size:.6875rem}.image-compress-module__PNOcsq__statusFailed{color:#ef4444;font-size:.75rem;font-weight:600}.image-compress-module__PNOcsq__imageActions{gap:8px;display:flex}.image-compress-module__PNOcsq__btnDownload,.image-compress-module__PNOcsq__btnRemove{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.image-compress-module__PNOcsq__btnDownload{color:#8b5cf6;background:#8b5cf61a}.image-compress-module__PNOcsq__btnDownload:hover{background:#8b5cf633}.image-compress-module__PNOcsq__btnRemove{color:#ef4444;background:#ef44441a}.image-compress-module__PNOcsq__btnRemove:hover{background:#ef444433}@media (max-width:768px){.image-compress-module__PNOcsq__controlsBar{flex-direction:column;align-items:stretch;gap:16px}.image-compress-module__PNOcsq__controlItem{justify-content:space-between}.image-compress-module__PNOcsq__controlActions{justify-content:center;margin-left:0}.image-compress-module__PNOcsq__imageItem{flex-wrap:wrap}.image-compress-module__PNOcsq__imageInfo{flex:calc(100% - 80px)}.image-compress-module__PNOcsq__imageStatus{text-align:left;border-top:1px solid #ffffff0d;flex:100%;margin-top:8px;padding-top:8px}.image-compress-module__PNOcsq__imageActions{position:absolute;top:12px;right:16px}.image-compress-module__PNOcsq__imageItem{padding-right:90px;position:relative}}
