.container{max-width:1200px;margin:0 auto;padding:20px}.image-converter{display:flex;flex-direction:column;gap:20px}.dropzone{border:2px dashed #cbd5e0;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:border-color .3s ease}.dropzone:hover{border-color:#4a5568}.options-panel{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.options-panel input[type=color],.options-panel select{padding:8px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px}.options-panel input[type=range]{width:100%;max-width:200px}.image-preview{display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.image-preview{flex-direction:row}}.image-container{flex:1 1;display:flex;flex-direction:column;align-items:center}.image-container img{max-width:100%;height:auto;max-height:300px;object-fit:contain}.download-button{margin-top:10px;padding:10px 20px;background-color:#4299e1;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.download-button:hover{background-color:#3182ce}.download-button:disabled{background-color:#a0aec0;cursor:not-allowed}.btns{background-color:#028090;color:#f5f5f5;padding:8px;border-radius:5px;margin-right:4px;text-decoration:none}