*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f5f5;padding:20px;display:flex;justify-content:center}.container{max-width:800px;width:100%;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:30px}h1{text-align:center;margin-bottom:20px;color:#333}.upload-section{display:flex;flex-direction:column;align-items:center;border:2px dashed #3498db;border-radius:10px;padding:40px 20px;margin:20px 0;position:relative;cursor:pointer;transition:all .3s}.upload-section:hover{background-color:#f0f8ff}input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.upload-icon{font-size:48px;color:#3498db;margin-bottom:15px}.upload-text{color:#666;margin-bottom:10px}.settings-section{margin-bottom:20px}.setting-group{margin-bottom:15px}label{display:block;margin-bottom:8px;color:#555;font-weight:600}input[type=range]{width:100%;margin-bottom:5px}.range-value{display:flex;justify-content:space-between;color:#777}.resize-section{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:15px 0}.resize-group{flex:1;min-width:200px}.resize-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.image-preview{display:none;margin:20px 0;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.convert-button{display:block;width:100%;padding:12px;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.convert-button:hover{background-color:#2980b9}.convert-button:disabled{background-color:#ccc;cursor:not-allowed}.info-text{margin-top:15px;color:#666;text-align:center;font-size:14px}.result-section{display:none;margin-top:30px;text-align:center}.download-button{display:inline-block;padding:12px 25px;background-color:#27ae60;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;margin-top:15px;transition:background-color .3s}.download-button:hover{background-color:#219653}.comparison{display:flex;justify-content:space-between;margin-top:20px}.comparison-item{flex:1;padding:10px;text-align:center}.comparison-item img{max-width:100%;max-height:200px;border-radius:5px}.file-info{margin-top:10px;font-size:14px;color:#666}#newFile{display:none;flex-direction:column;align-items:center;width:100%;margin-top:50px}.selectNewFile-button{display:block;padding:12px;background-color:#494b4d;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.selectNewFile-button:hover{background-color:#2980b9}.loader{display:none;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 2s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (max-width:600px){.container{padding:20px}.comparison{flex-direction:column}.comparison-item{margin-bottom:20px}}.toggle-switch input[type=checkbox]{display:none}.toggle-switch{display:inline-block;position:relative;width:50px;height:25px}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:25px;transition:.3s}.toggle-switch .slider::before{content:"";position:absolute;height:19px;width:19px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch input[type=checkbox]:checked+.slider{background-color:#007bff}.toggle-switch input[type=checkbox]:checked+.slider::before{transform:translateX(25px)}