/* Page-specific styles: crop.html */

#cropWrap { position: relative; display: inline-block; cursor: crosshair; user-select: none; }
    #cropWrap img { display: block; max-width: 100%; }
    #cropOverlay {
      position: absolute; inset: 0;
      background: rgba(0,0,0,0.55);
      pointer-events: none;
    }
    #cropBox {
      position: absolute;
      border: 2px solid var(--emerald);
      box-shadow: 0 0 0 9999px rgba(0,0,0,0.55);
      cursor: move;
      pointer-events: all;
    }
    .crop-handle {
      position: absolute;
      width: 10px; height: 10px;
      background: var(--emerald);
      border-radius: 50%;
    }
    .crop-handle.tl { top:-5px; left:-5px; cursor:nw-resize; }
    .crop-handle.tr { top:-5px; right:-5px; cursor:ne-resize; }
    .crop-handle.bl { bottom:-5px; left:-5px; cursor:sw-resize; }
    .crop-handle.br { bottom:-5px; right:-5px; cursor:se-resize; }