.drop-zone{border:2px dashed #cbd5e1;border-radius:.5rem;transition:all 0.3s}.drop-zone.drag-over{border-color:#3b82f6;background-color:#f0f7ff}.crop-container{position:relative;overflow:hidden}.crop-box{position:absolute;border:2px solid #3b82f6;background-color:rgb(59 130 246 / .2);cursor:move}.crop-handle{position:absolute;width:12px;height:12px;background-color:#3b82f6;border-radius:50%}.handle-n{top:-6px;left:50%;transform:translateX(-50%);cursor:n-resize}.handle-ne{top:-6px;right:-6px;cursor:ne-resize}.handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}.handle-se{bottom:-6px;right:-6px;cursor:se-resize}.handle-s{bottom:-6px;left:50%;transform:translateX(-50%);cursor:s-resize}.handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.handle-nw{top:-6px;left:-6px;cursor:nw-resize}