.flip-x{transform: scaleX(-1)}.rot-90{transform: rotate(90deg)}.crop-stage{position: relative;display: inline-block;max-width: 100%;line-height: 0;overflow: hidden;border-radius: 8px;user-select: none;-webkit-user-select: none;touch-action: none;background: var(--surface-2)}.crop-stage img{max-width: 100%;max-height: 70vh;display: block}.crop-box{position: absolute;border: 2px solid #fff;box-shadow: 0 0 0 9999px rgba(0,0,0,0.55);cursor: move;touch-action: none;outline: none}.crop-box:focus-visible{border-color: var(--brand)}.crop-grid{position: absolute;inset: 0;pointer-events: none;background-image: linear-gradient(to right,rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.45) 1px,transparent 1px);background-size: 33.333% 33.333%}.crop-box i{position: absolute;width: 16px;height: 16px;background: #fff;border: 1px solid rgba(0,0,0,.45);border-radius: 4px}.crop-box [data-h="nw"]{left: -2px;top: -2px;cursor: nwse-resize}.crop-box [data-h="n"]{left: calc(50% - 8px);top: -2px;cursor: ns-resize}.crop-box [data-h="ne"]{right: -2px;top: -2px;cursor: nesw-resize}.crop-box [data-h="e"]{right: -2px;top: calc(50% - 8px);cursor: ew-resize}.crop-box [data-h="se"]{right: -2px;bottom: -2px;cursor: nwse-resize}.crop-box [data-h="s"]{left: calc(50% - 8px);bottom: -2px;cursor: ns-resize}.crop-box [data-h="sw"]{left: -2px;bottom: -2px;cursor: nesw-resize}.crop-box [data-h="w"]{left: -2px;top: calc(50% - 8px);cursor: ew-resize}