.ui-rect{--rs-handle:14px;border-radius:var(--radius-sm);background:var(--ink-900);-webkit-user-select:none;user-select:none;width:100%;max-height:60vh;position:relative;overflow:hidden}.ui-rect>:first-child:not(.ui-rect__area){object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ui-rect__area{touch-action:none;cursor:crosshair;position:absolute}.ui-rect[data-disabled=true] .ui-rect__area{cursor:not-allowed;opacity:.5}.ui-rect__scrim{background:var(--scrim);pointer-events:none;position:absolute}.ui-rect__box{border:2px solid var(--white);outline:var(--line) solid var(--ink-900);cursor:move;position:absolute}.ui-rect[data-active=draw] .ui-rect__box,.ui-rect[data-active=resize] .ui-rect__box{cursor:inherit}.ui-rect__box:focus-visible{outline:2px solid var(--ink-900);box-shadow:0 0 0 4px var(--white)}.ui-rect__handle{width:var(--rs-handle);height:var(--rs-handle);margin:calc(var(--rs-handle) / -2);border:var(--line) solid var(--ink-900);border-radius:var(--radius-sm);background:var(--white);position:absolute}.ui-rect__handle:before{content:"";position:absolute}.ui-rect__handle[data-handle=n]:before{inset:calc(var(--control-h) * -1) calc(var(--space-3) * -1) 0}.ui-rect__handle[data-handle=s]:before{inset:0 calc(var(--space-3) * -1) calc(var(--control-h) * -1)}.ui-rect__handle[data-handle=e]:before{inset:calc(var(--space-3) * -1) calc(var(--control-h) * -1) calc(var(--space-3) * -1) 0}.ui-rect__handle[data-handle=w]:before{inset:calc(var(--space-3) * -1) 0 calc(var(--space-3) * -1) calc(var(--control-h) * -1)}.ui-rect__handle[data-handle=nw]:before{inset:calc(var(--control-h) * -1) 0 0 calc(var(--control-h) * -1)}.ui-rect__handle[data-handle=ne]:before{inset:calc(var(--control-h) * -1) calc(var(--control-h) * -1) 0 0}.ui-rect__handle[data-handle=se]:before{inset:0 calc(var(--control-h) * -1) calc(var(--control-h) * -1) 0}.ui-rect__handle[data-handle=sw]:before{inset:0 0 calc(var(--control-h) * -1) calc(var(--control-h) * -1)}.ui-rect__handle[data-handle=nw]{cursor:nwse-resize;top:0;left:0}.ui-rect__handle[data-handle=n]{cursor:ns-resize;top:0;left:50%}.ui-rect__handle[data-handle=ne]{cursor:nesw-resize;top:0;left:100%}.ui-rect__handle[data-handle=e]{cursor:ew-resize;top:50%;left:100%}.ui-rect__handle[data-handle=se]{cursor:nwse-resize;top:100%;left:100%}.ui-rect__handle[data-handle=s]{cursor:ns-resize;top:100%;left:50%}.ui-rect__handle[data-handle=sw]{cursor:nesw-resize;top:100%;left:0}.ui-rect__handle[data-handle=w]{cursor:ew-resize;top:50%;left:0}.ui-rect[data-disabled=true] .ui-rect__handle{display:none}.ui-rect__demo{background:var(--ink-700);color:var(--on-ink);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}