.upload-area:hover,body{background-color:var(--background-one)}h1 .fa-compress-arrows-alt,select{margin-right:10px}h2{margin:20px;font-size:1.5rem}.container{background-color:var(--background-two);border-radius:8px;max-width:600px;min-height:500px;margin:0 auto;padding:2rem;box-shadow:0 4px 6px #0000001a}.upload-area,h2{text-align:center}.upload-area{border:2px dashed var(--color-three);cursor:pointer;border-radius:8px;padding:20px}#fileInput{display:none}.option-row,.options,.upload-area{margin-bottom:20px}.option-row{align-items:center;display:flex}.option-label{text-align:left;flex-shrink:0;width:70px;margin-right:10px}.output-controls{align-items:center;display:flex}select{background-color:var(--background-one);color:var(--text-color);border:1px solid var(--color-three);appearance:none;border-radius:4px;padding:8px}#saveToButton:disabled{cursor:not-allowed;width:30%;margin-left:40px}#saveToButton{width:30%;margin-left:40px}#compressBtn{width:100%;position:relative}.slider-container{align-items:center;width:100%;display:flex}.value-input{text-align:center;background-color:var(--background-one);width:60px;color:var(--text-color);border:1px solid var(--color-three);border-radius:4px;margin-right:10px;padding:5px}.slider-wrapper{flex-grow:1;align-items:center;height:16px;display:flex;position:relative}.slider{appearance:none;background:var(--color-two);z-index:2;outline:0;width:100%;height:4px;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.slider::-webkit-slider-thumb{appearance:none;background:var(--color-three);cursor:pointer;z-index:3;border-radius:50%;width:16px;height:16px;position:relative}.slider::-moz-range-thumb{background:var(--color-three);cursor:pointer;z-index:3;border-radius:50%;width:16px;height:16px;position:relative}.slider-fill{background-color:var(--color-three);pointer-events:none;z-index:3;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}#result,.image-preview{margin-top:20px}.image-preview{justify-content:space-between;display:flex}.image-preview img{max-width:45%;height:auto}.supported-formats{text-align:center;margin-top:20px;font-style:italic}.value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-input{appearance:textfield}.sr-only{clip:rect(0, 0, 1px, 1px);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}