.ox-cr-stage { position: relative; display: inline-block; max-width: 100%; overflow: hidden; line-height: 0; border-radius: 8px; touch-action: none; user-select: none; }
.ox-cr-img { display: block; max-width: 100%; height: auto; }
.ox-cr-shade { display: none; }
.ox-cr-box { position: absolute; border: 2px solid #fff; box-shadow: 0 0 0 9999px rgba(0,0,0,.5), inset 0 0 0 1px rgba(0,0,0,.4); cursor: move; touch-action: none; outline: none; background-image: linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)),linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)),linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)),linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)); background-size: 1px 100%,1px 100%,100% 1px,100% 1px; background-position: 33.3% 0,66.6% 0,0 33.3%,0 66.6%; background-repeat: no-repeat; }
.ox-cr-box:focus-visible { border-color: var(--accent); }
.ox-cr-h { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; }
.ox-cr-h::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; background: #fff; border: 2px solid var(--accent); border-radius: 4px; }
.ox-cr-h--nw { left: 0; top: 0; cursor: nwse-resize; } .ox-cr-h--n { left: 50%; top: 0; cursor: ns-resize; } .ox-cr-h--ne { left: 100%; top: 0; cursor: nesw-resize; }
.ox-cr-h--e { left: 100%; top: 50%; cursor: ew-resize; } .ox-cr-h--se { left: 100%; top: 100%; cursor: nwse-resize; } .ox-cr-h--s { left: 50%; top: 100%; cursor: ns-resize; }
.ox-cr-h--sw { left: 0; top: 100%; cursor: nesw-resize; } .ox-cr-h--w { left: 0; top: 50%; cursor: ew-resize; }
.ox-tool [hidden] { display: none !important; }