.image-dropzone { border:1px dashed #d8d8d9; border-radius:13px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:270px; background:#fff; cursor:pointer; transition:border-color .15s ease; text-align:center; padding:20px; }
.image-dropzone:hover,.image-dropzone:focus-visible,.image-dropzone.drag { border-color:#767779; outline:0; }
.image-dropzone svg { width:34px; height:34px; margin-bottom:14px; color:#444; }
.drop-title { font-size:15px; font-weight:500; }
.drop-desc { font-size:12px; color:#98999c; }
.drop-hint { font-size:11px; color:#b1b1b4; margin-top:9px; }
.image-file-details { min-height:1.1em; font-size:12px; color:#85868a; margin:0; overflow-wrap:anywhere; }
.image-options { display:flex; flex-direction:column; gap:22px; }
.image-result { margin-top:12px; border-top:1px solid #eaeaea; padding-top:30px; }
.image-preview { display:block; width:100%; max-height:380px; object-fit:contain; background:#f4f4f4; border-radius:10px; }
.image-result-info { font-size:12px; color:#87888a; margin:14px 0 22px; }
.image-download { display:block; width:100%; text-align:center; }
[hidden] {display:none !important}
@media(max-width:620px){.image-dropzone{min-height:240px}.image-preview{max-height:290px}}