.ImageCompressorTool-module__IqRGjG__main{padding:var(--space-6);flex:1}@media (min-width:768px){.ImageCompressorTool-module__IqRGjG__main{padding:var(--space-10)}}.ImageCompressorTool-module__IqRGjG__container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.ImageCompressorTool-module__IqRGjG__toolHeader{margin-bottom:var(--space-6)}.ImageCompressorTool-module__IqRGjG__toolTitle{margin-bottom:var(--space-2);font-size:24px;font-weight:700}@media (min-width:768px){.ImageCompressorTool-module__IqRGjG__toolTitle{font-size:30px}}.ImageCompressorTool-module__IqRGjG__toolDesc{color:var(--color-muted-foreground);font-size:14px}@media (min-width:768px){.ImageCompressorTool-module__IqRGjG__toolDesc{font-size:16px}}.ImageCompressorTool-module__IqRGjG__contentGrid{gap:var(--space-6);flex-direction:column;display:flex}@media (min-width:1024px){.ImageCompressorTool-module__IqRGjG__contentGrid{gap:var(--space-8);grid-template-columns:360px 1fr;align-items:start;display:grid}}.ImageCompressorTool-module__IqRGjG__controlsColumn{gap:var(--space-5);flex-direction:column;display:flex}.ImageCompressorTool-module__IqRGjG__previewColumn{gap:var(--space-4);flex-direction:column;display:flex}.ImageCompressorTool-module__IqRGjG__sectionTitle{color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.ImageCompressorTool-module__IqRGjG__dropZone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;cursor:pointer;background-color:var(--color-card);transition:all .2s}.ImageCompressorTool-module__IqRGjG__dropZone:hover{border-color:var(--color-primary)}.ImageCompressorTool-module__IqRGjG__dropZoneDragOver{border-color:var(--color-primary);box-shadow:0 0 0 4px #7c3aed26}.ImageCompressorTool-module__IqRGjG__dropZoneDisabled{opacity:.4;pointer-events:none}.ImageCompressorTool-module__IqRGjG__uploadIcon{margin-bottom:var(--space-3);font-size:36px;line-height:1}.ImageCompressorTool-module__IqRGjG__uploadText{margin-bottom:var(--space-1);font-size:16px;font-weight:500}.ImageCompressorTool-module__IqRGjG__uploadHint{color:var(--color-muted-foreground);font-size:14px}.ImageCompressorTool-module__IqRGjG__hiddenInput{display:none}.ImageCompressorTool-module__IqRGjG__sourceInfo{align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-muted);border-radius:var(--radius-md);font-size:14px;display:flex}.ImageCompressorTool-module__IqRGjG__sourceFileName{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.ImageCompressorTool-module__IqRGjG__removeButton{color:var(--color-muted-foreground);padding:0 var(--space-1);font-size:18px;line-height:1}.ImageCompressorTool-module__IqRGjG__removeButton:hover{color:var(--color-foreground)}.ImageCompressorTool-module__IqRGjG__selectorRow{gap:var(--space-2);flex-wrap:wrap;display:flex}.ImageCompressorTool-module__IqRGjG__formatPill{min-width:60px;padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-border);color:var(--color-foreground);flex:1;font-size:14px;font-weight:500;transition:all .2s}.ImageCompressorTool-module__IqRGjG__formatPill:hover:not(:disabled){border-color:var(--color-primary)}.ImageCompressorTool-module__IqRGjG__formatPill:disabled{opacity:.4;cursor:not-allowed}.ImageCompressorTool-module__IqRGjG__formatPillSelected{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.ImageCompressorTool-module__IqRGjG__sliderWrapper{gap:var(--space-2);flex-direction:column;display:flex}.ImageCompressorTool-module__IqRGjG__sliderHeader{justify-content:space-between;align-items:center;display:flex}.ImageCompressorTool-module__IqRGjG__sliderLabel{font-size:14px;font-weight:500}.ImageCompressorTool-module__IqRGjG__sliderValue{color:var(--color-primary);text-align:right;min-width:40px;font-size:14px;font-weight:600}.ImageCompressorTool-module__IqRGjG__sliderScale{color:var(--color-muted-foreground);justify-content:space-between;font-size:12px;display:flex}.ImageCompressorTool-module__IqRGjG__rangeInput{appearance:none;background-color:var(--color-border);border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:6px}.ImageCompressorTool-module__IqRGjG__rangeInput::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background-color:var(--color-primary);cursor:pointer;border:none;width:18px;height:18px;transition:transform .15s}.ImageCompressorTool-module__IqRGjG__rangeInput::-webkit-slider-thumb:hover{transform:scale(1.15)}.ImageCompressorTool-module__IqRGjG__rangeInput::-moz-range-thumb{border-radius:var(--radius-full);background-color:var(--color-primary);cursor:pointer;border:none;width:18px;height:18px}.ImageCompressorTool-module__IqRGjG__compareBox{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-muted);-webkit-user-select:none;user-select:none;width:100%;height:320px;position:relative;overflow:hidden}@media (min-width:768px){.ImageCompressorTool-module__IqRGjG__compareBox{height:420px}}.ImageCompressorTool-module__IqRGjG__compareImage{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ImageCompressorTool-module__IqRGjG__compareTop{pointer-events:none;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.ImageCompressorTool-module__IqRGjG__compareDivider{background-color:var(--color-primary);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ImageCompressorTool-module__IqRGjG__compareHandle{border-radius:var(--radius-full);background-color:var(--color-primary);width:36px;height:36px;color:var(--color-primary-foreground);box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ImageCompressorTool-module__IqRGjG__compareTag{padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);pointer-events:none;padding-top:4px;padding-bottom:4px;font-size:12px;font-weight:600;position:absolute;top:12px}.ImageCompressorTool-module__IqRGjG__tagLeft{left:12px}.ImageCompressorTool-module__IqRGjG__tagRight{right:12px}.ImageCompressorTool-module__IqRGjG__compressingOverlay{background-color:var(--color-overlay);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ImageCompressorTool-module__IqRGjG__statsRow{align-items:stretch;gap:var(--space-3);flex-wrap:wrap;display:flex}.ImageCompressorTool-module__IqRGjG__statCard{min-width:110px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-card);flex-direction:column;flex:1;gap:2px;display:flex}.ImageCompressorTool-module__IqRGjG__statLabel{color:var(--color-muted-foreground);font-size:12px}.ImageCompressorTool-module__IqRGjG__statValue{font-size:18px;font-weight:700}.ImageCompressorTool-module__IqRGjG__statArrow{color:var(--color-muted-foreground);align-items:center;display:flex}.ImageCompressorTool-module__IqRGjG__savedCardSaved{border-color:var(--color-success)}.ImageCompressorTool-module__IqRGjG__savedCardSaved .ImageCompressorTool-module__IqRGjG__statValue{color:var(--color-success)}.ImageCompressorTool-module__IqRGjG__savedCardGrew{border-color:var(--color-warning)}.ImageCompressorTool-module__IqRGjG__savedCardGrew .ImageCompressorTool-module__IqRGjG__statValue{color:var(--color-warning)}.ImageCompressorTool-module__IqRGjG__savedFormat{color:var(--color-muted-foreground);font-size:12px}.ImageCompressorTool-module__IqRGjG__resultWrapper{margin-top:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-card);gap:var(--space-4);text-align:center;flex-direction:column;align-items:center;display:flex}@media (min-width:1024px){.ImageCompressorTool-module__IqRGjG__resultWrapper{text-align:left;flex-direction:row;justify-content:space-between}}.ImageCompressorTool-module__IqRGjG__resultInfo{gap:var(--space-1);flex-direction:column;display:flex}.ImageCompressorTool-module__IqRGjG__resultTitle{font-size:18px;font-weight:600}.ImageCompressorTool-module__IqRGjG__resultMeta{color:var(--color-muted-foreground);font-size:14px}.ImageCompressorTool-module__IqRGjG__buttonRow{gap:var(--space-3);flex-shrink:0;display:flex}.ImageCompressorTool-module__IqRGjG__downloadButton{align-items:center;gap:var(--space-2);padding-left:var(--space-5);padding-right:var(--space-5);border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-primary-foreground);padding-top:10px;padding-bottom:10px;font-size:16px;font-weight:600;transition:opacity .2s;display:inline-flex}.ImageCompressorTool-module__IqRGjG__downloadButton:hover{opacity:.9}.ImageCompressorTool-module__IqRGjG__resetButton{align-items:center;gap:var(--space-2);padding-left:var(--space-5);padding-right:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-foreground);padding-top:10px;padding-bottom:10px;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex}.ImageCompressorTool-module__IqRGjG__resetButton:hover{border-color:var(--color-primary);color:var(--color-primary)}.ImageCompressorTool-module__IqRGjG__placeholder{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-card);min-height:200px;color:var(--color-muted-foreground);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;font-size:14px;display:flex}.ImageCompressorTool-module__IqRGjG__placeholderIcon{opacity:.3;font-size:40px}.ImageCompressorTool-module__IqRGjG__spinner{border-radius:var(--radius-full);border:3px solid #ffffff59;border-top-color:#fff;width:32px;height:32px;animation:.8s linear infinite ImageCompressorTool-module__IqRGjG__spin}.ImageCompressorTool-module__IqRGjG__errorBox{padding:var(--space-4);background-color:var(--color-danger);color:#fff;border-radius:var(--radius-md);font-size:14px;line-height:1.625}.ImageCompressorTool-module__IqRGjG__note{color:var(--color-muted-foreground);margin-top:var(--space-3);padding:var(--space-3);background-color:var(--color-muted);border-radius:8px;font-size:12px;line-height:1.625}@keyframes ImageCompressorTool-module__IqRGjG__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}