.msweb-image-cropper { display: grid; gap: 18px; width: 100%; min-width: 0; }
.msweb-image-cropper__stage { position: relative; width: 100%; max-width: min(var(--image-cropper-max-width, 560px), calc(58vh * var(--image-cropper-aspect-ratio, 1))); margin: 0 auto; overflow: hidden; background: #111827; cursor: grab; touch-action: none; user-select: none; }
.msweb-image-cropper__stage--rectangle { border-radius: 10px; }
.msweb-image-cropper__stage--circle { border-radius: 50%; box-shadow: 0 0 0 9999px rgba(15, 23, 42, .42); }
.msweb-image-cropper__stage.is-dragging { cursor: grabbing; }
.msweb-image-cropper__canvas { display: block; width: 100%; height: 100%; }
.msweb-image-cropper .msweb-range-slider { width: min(100%, 560px); margin: 0 auto; }
@media (max-width: 640px) { .msweb-image-cropper { gap: 14px; } .msweb-image-cropper__stage { max-width: min(var(--image-cropper-max-width, 560px), calc(48vh * var(--image-cropper-aspect-ratio, 1))); } }