.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-md);background:var(--surface);padding:26px 18px;text-align:center;cursor:pointer;transition:border-color .14s,background .14s}.dropzone.over,.dropzone:hover{border-color:var(--clay);background:var(--clay-wash)}.dropzone.over{border-style:solid}.dropzone.bad{border-color:var(--danger);background:var(--danger-wash)}.dropzone:focus-visible{outline:2.5px solid var(--clay);outline-offset:2px}.dropzone-icon{font-size:22px;color:var(--clay);line-height:1;margin-bottom:8px}.dropzone-preview{display:flex;gap:14px;align-items:center;text-align:left}.dropzone-preview img{width:96px;height:72px;object-fit:cover;border-radius:var(--r-sm);background:var(--surface-2);flex-shrink:0}