.vdr{touch-action:none;border:1px dashed #d6d6d6}.handle,.vdr{position:absolute;box-sizing:border-box}.handle{width:.41667vw;height:.41667vw;background:#fff;border:1px solid #333;box-shadow:0 0 .10417vw #bbb}.handle-tl{top:-.26042vw;left:-.26042vw;cursor:nw-resize}.handle-tm{top:-.26042vw;left:calc(50% - .20833vw);cursor:n-resize}.handle-tr{top:-.26042vw;right:-.26042vw;cursor:ne-resize}.handle-ml{top:calc(50% - .20833vw);left:-.26042vw;cursor:w-resize}.handle-mr{top:calc(50% - .20833vw);right:-.26042vw;cursor:e-resize}.handle-bl{bottom:-.26042vw;left:-.26042vw;cursor:sw-resize}.handle-bm{bottom:-.26042vw;left:calc(50% - .20833vw);cursor:s-resize}.handle-br{bottom:-.26042vw;right:-.26042vw;cursor:se-resize}.ref-line{position:absolute;background-color:#f0c;z-index:9999}.v-line{width:1px}.h-line{height:1px}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}