@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap);body{font-family:'Inter',sans-serif}.loader{border-top-color:#34d399;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes pulse-once{0%{transform:scale(1);box-shadow:0 0 0 0 rgb(16 185 129 / .7)}50%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}100%{transform:scale(1);box-shadow:0 0 0 0 #fff0}}.animate-pulse-once{animation:pulse-once 2s ease-out 1}input[type="range"]{-webkit-appearance:none;width:100%;height:10px;background:#e0e0e0;border-radius:5px;outline:none;transition:background 0.2s ease-in-out}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#8b5cf6;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgb(0 0 0 / .25);transition:background 0.2s ease-in-out,transform 0.1s ease-in-out}input[type="range"]::-webkit-slider-thumb:hover{background:#7c3aed;transform:scale(1.15)}input[type="range"]::-moz-range-thumb{width:24px;height:24px;background:#8b5cf6;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgb(0 0 0 / .25);transition:background 0.2s ease-in-out,transform 0.1s ease-in-out}input[type="range"]::-moz-range-thumb:hover{background:#7c3aed;transform:scale(1.15)}input[type="range"]::-moz-range-track{background:#e0e0e0;border-radius:5px}input[type="range"]:focus{outline:none;box-shadow:0 0 0 4px rgb(139 92 246 / .4)}.original-image-preview,.compressed-image-preview{max-width:100%;height:auto;object-fit:contain;max-height:400px}.image-pair-container{display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px rgb(0 0 0 / .08);border:1px solid #e5e7eb}@media (max-width:768px){.container{padding:1rem}.flex-col.md\:flex-row{flex-direction:column}.w-full.md\:w-1\/2{width:100%}.image-pair-container{width:100%}}