/*
 * Layout for the Cropper.js 2.x custom elements used by the image upload
 * widget (see app/javascript/controllers/image_upload_controller.js).
 *
 * Unlike 1.x there is no vendored stylesheet to ship: every element styles
 * itself inside its shadow root. What the host page still owes them is a size —
 * <cropper-canvas> has no intrinsic one. The controller's sizeCropStage() sets
 * an explicit width/height matching the image, so all this rule provides is the
 * starting point and a floor:
 *
 *   - `min-*: 0` overrides the shadow style's `min-width:200px;min-height:100px`,
 *     which would otherwise stop the canvas from ever being smaller than that —
 *     a portrait or thumbnail-sized source needs it to be.
 *   - `100%` fills the crop stage until sizeCropStage() replaces it, and is the
 *     fallback if the stage cannot be measured. Without it, `min-*: 0` would
 *     leave an unmeasurable canvas at zero size, i.e. invisible.
 */
cropper-canvas {
  display: block;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
}