.ui-rects{gap:var(--space-3);min-width:0;display:grid}.ui-rects__stage{--rs-handle:14px;--rl-max-h:70vh;width:100%;max-width:calc(var(--rl-max-h) * var(--rl-ratio,.7071));border:var(--line) solid var(--ink-200);border-radius:var(--radius-sm);background:var(--ink-100);-webkit-user-select:none;user-select:none;margin-inline:auto;position:relative;overflow:hidden}.ui-rects__stage[data-state=loading]{animation:1.4s ease-in-out infinite ui-pulse}.ui-rects__stage>:first-child:not(.ui-rects__area){object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ui-rects__area{touch-action:none;cursor:crosshair;position:absolute;inset:0}.ui-rects__area:focus-visible{outline:2px solid var(--ink-900);outline-offset:calc(var(--space-1) * -1)}.ui-rects__stage[data-disabled=true] .ui-rects__area{cursor:not-allowed;opacity:.5}.ui-rects__box{border:2px dashed var(--white);outline:var(--line) solid var(--ink-900);background:var(--scrim);cursor:move;position:absolute}.ui-rects__box:hover,.ui-rects__box[data-state=hover]{border-style:solid}.ui-rects__box[aria-pressed=true]{z-index:1;border-style:solid}.ui-rects__box:focus-visible,.ui-rects__box[data-state=focus]{outline:2px solid var(--ink-900);box-shadow:0 0 0 4px var(--white)}.ui-rects__box[data-state=active]{cursor:grabbing;border-style:solid}.ui-rects__stage[data-active=draw] .ui-rects__box,.ui-rects__stage[data-active=resize] .ui-rects__box{cursor:inherit}.ui-rects__num{min-width:22px;height:22px;padding:0 var(--space-1);background:var(--white);color:var(--ink-900);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;display:grid;position:absolute;top:0;left:0}.ui-rects__box[aria-pressed=true] .ui-rects__num{background:var(--ink-900);color:var(--on-ink)}.ui-rects__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-rects__handle:before{content:"";position:absolute}.ui-rects__handle[data-handle=n]:before{inset:calc(var(--control-h) * -1) calc(var(--space-3) * -1) 0}.ui-rects__handle[data-handle=s]:before{inset:0 calc(var(--space-3) * -1) calc(var(--control-h) * -1)}.ui-rects__handle[data-handle=e]:before{inset:calc(var(--space-3) * -1) calc(var(--control-h) * -1) calc(var(--space-3) * -1) 0}.ui-rects__handle[data-handle=w]:before{inset:calc(var(--space-3) * -1) 0 calc(var(--space-3) * -1) calc(var(--control-h) * -1)}.ui-rects__handle[data-handle=nw]:before{inset:calc(var(--control-h) * -1) 0 0 calc(var(--control-h) * -1)}.ui-rects__handle[data-handle=ne]:before{inset:calc(var(--control-h) * -1) calc(var(--control-h) * -1) 0 0}.ui-rects__handle[data-handle=se]:before{inset:0 calc(var(--control-h) * -1) calc(var(--control-h) * -1) 0}.ui-rects__handle[data-handle=sw]:before{inset:0 0 calc(var(--control-h) * -1) calc(var(--control-h) * -1)}.ui-rects__handle[data-handle=nw]{cursor:nwse-resize;top:0;left:0}.ui-rects__handle[data-handle=n]{cursor:ns-resize;top:0;left:50%}.ui-rects__handle[data-handle=ne]{cursor:nesw-resize;top:0;left:100%}.ui-rects__handle[data-handle=e]{cursor:ew-resize;top:50%;left:100%}.ui-rects__handle[data-handle=se]{cursor:nwse-resize;top:100%;left:100%}.ui-rects__handle[data-handle=s]{cursor:ns-resize;top:100%;left:50%}.ui-rects__handle[data-handle=sw]{cursor:nesw-resize;top:100%;left:0}.ui-rects__handle[data-handle=w]{cursor:ew-resize;top:50%;left:0}.ui-rects__stage[data-disabled=true] .ui-rects__handle{display:none}.ui-rects__bar{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-rects__count{font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.ui-rects__hint{color:var(--ink-500);font-size:var(--text-sm)}.ui-rects__demo{display:block}