.container{max-width:800px;margin:2rem auto;padding:0 1rem}.container .dropzone{border:2px dashed #ccc;border-radius:4px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .3s ease}.container .dropzone:hover{border-color:#2196f3}.container .dropzone p{margin:0;color:#666}.container .preview-section{margin-top:2rem}.container .preview-section .preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.container .preview-section .preview-container .image-preview{position:relative;border:1px solid #ddd;border-radius:4px;overflow:hidden}.container .preview-section .preview-container .image-preview img{width:100%;height:150px;object-fit:cover}.container .preview-section .preview-container .image-preview .remove-btn{position:absolute;top:0;right:0;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:0 0 0 4px;cursor:pointer;padding:2px 8px}.container .preview-section .convert-btn{background:#2196f3;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.container .preview-section .convert-btn:hover:not(:disabled){background:#1976d2}.container .preview-section .convert-btn:disabled{background:#90caf9;cursor:not-allowed}