.crop-stage{justify-content:center;width:100%;margin:12px 0;display:flex}.crop-canvas-wrap{touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/16px 16px;position:relative}.crop-canvas{width:100%;height:100%;display:block}.crop-box{box-sizing:border-box;cursor:move;touch-action:none;border:2px solid #fff;outline:1px solid #0009;position:absolute}.crop-box:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.crop-handle{border:2px solid var(--accent);touch-action:none;background:#fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:0;left:0}.crop-handle-n{cursor:ns-resize;top:0;left:50%}.crop-handle-ne{cursor:nesw-resize;top:0;left:100%}.crop-handle-e{cursor:ew-resize;top:50%;left:100%}.crop-handle-se{cursor:nwse-resize;top:100%;left:100%}.crop-handle-s{cursor:ns-resize;top:100%;left:50%}.crop-handle-sw{cursor:nesw-resize;top:100%;left:0}.crop-handle-w{cursor:ew-resize;top:50%;left:0}@media (pointer:coarse){.crop-handle{width:30px;height:30px;margin:-15px 0 0 -15px}}.crop-dim{pointer-events:none;background:#00000073;position:absolute}