.image-upload-zone{border:2px dashed #c993a5;border-radius:12px;padding:18px;background:#fff5f0;color:#684452;outline-offset:4px}.image-upload-zone:focus,.image-upload-zone.drag-over{outline:3px solid #b52f59;background:#ffe7ef}.image-upload-zone p{font-size:12px;line-height:1.8}.image-upload-zone small{display:block;font-size:11px;line-height:1.8}.image-upload-zone img{display:block;max-width:100%;max-height:220px;object-fit:contain;margin:12px auto}.image-upload-zone img[hidden]{display:none}.upload-crop{max-width:510px;width:92vw;padding:24px;max-height:90vh;overflow:auto;border:0;border-radius:18px;background:#fff8ef;color:#583943}.upload-crop::backdrop{background:#201322bb}.upload-crop h2{font-size:23px}.upload-crop>p{font-size:12px}.upload-crop canvas{display:block;max-width:100%;max-height:38vh;width:auto;margin:12px auto;touch-action:none;cursor:grab;border-radius:6px}.upload-crop label{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:12px}.upload-crop label input{flex:1;width:auto;padding:0}.upload-crop label select{width:auto;padding:6px}.upload-crop>div{display:flex;gap:20px}.upload-crop #crop-status{color:#984060;line-height:1.6}
#pet-form .photo-drop,#pet-form .photo-drop *{display:none!important}
.image-upload-zone[aria-invalid="true"]{border-color:#b71927;background:#fff0ef}.image-upload-zone[aria-invalid="true"] small{color:#a31528;font-weight:600}