.crop-page__example{color:var(--ink);font-variant-numeric:lining-nums tabular-nums;margin:0;font-weight:600}.crop-tool__actions .mc-btn{width:100%}.crop-tool__summary,.crop-tool__status,.crop-tool__meta,.crop-tool__note{color:var(--mute);font-size:var(--fs-label);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;line-height:1.45}.crop-tool__privacy{color:var(--ink);font-size:var(--fs-label);margin:0;font-weight:600}.crop-tool__summary{color:var(--ink)}.crop-tool__status:empty{display:none}.crop-tool__row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.crop-tool__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.crop-tool .crop-tool__icon{width:var(--control-h);padding:0}.crop-tool__wrap .mc-choice-row{border-radius:var(--r-card);flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}.crop-tool .crop-tool__ratios .mc-choice-row{grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.crop-tool .crop-tool__ratios .mc-seg__btn{grid-column:span 2;min-width:0;padding:0}.crop-tool .crop-tool__ratios .mc-seg__btn:nth-child(-n+2){grid-column:span 5}.crop-tool .crop-tool__stage{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;position:relative;overflow:hidden}.crop-tool__view{padding:var(--space-3) var(--space-3) 0;align-self:flex-start}.crop-tool__view .mc-field__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;place-items:center;min-height:0;display:grid;position:relative}.crop-stage__canvas{position:relative}.crop-stage__canvas canvas{display:block}.crop-stage__scrim{pointer-events:none;position:absolute;inset:0}.crop-stage__scrim path{fill:#0b0b0d8c}.crop-stage__frame{box-sizing:border-box;border:1.5px solid var(--overlay-line);box-shadow:inset 0 0 0 1px var(--overlay-edge), 0 0 0 1px var(--overlay-edge);cursor:move;touch-action:none;position:absolute}.crop-stage__frame:focus-visible{outline:2px solid var(--overlay-line);outline-offset:3px}.crop-stage__grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crop-stage__grid line{stroke:#ffffffb3;stroke-width:1px;vector-effect:non-scaling-stroke}.crop-stage__handle,.crop-stage__rotate{touch-action:none;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%)}.crop-stage__handle:after,.crop-stage__rotate:after{content:"";background:var(--overlay-line);border:1.5px solid var(--overlay-edge);border-radius:2px;position:absolute;inset:7px}.crop-stage__rotate:after{border-radius:var(--r-pill)}.crop-stage__handle[data-handle=nw]{cursor:nwse-resize;top:0;left:0}.crop-stage__handle[data-handle=n]{cursor:ns-resize;top:0;left:50%}.crop-stage__handle[data-handle=ne]{cursor:nesw-resize;top:0;left:100%}.crop-stage__handle[data-handle=e]{cursor:ew-resize;top:50%;left:100%}.crop-stage__handle[data-handle=se]{cursor:nwse-resize;top:100%;left:100%}.crop-stage__handle[data-handle=s]{cursor:ns-resize;top:100%;left:50%}.crop-stage__handle[data-handle=sw]{cursor:nesw-resize;top:100%;left:0}.crop-stage__handle[data-handle=w]{cursor:ew-resize;top:50%;left:0}.crop-stage__rotate{cursor:grab;top:-28px;left:50%}.crop-stage__frame[data-dragging=rotate] .crop-stage__rotate{cursor:grabbing}@media (pointer:coarse){.crop-stage__handle,.crop-stage__rotate{width:44px;height:44px}.crop-stage__handle:after,.crop-stage__rotate:after{inset:17px}.crop-stage__rotate{top:-36px}}@media (max-width:767px){.crop-tool .crop-tool__stage{height:clamp(320px,62dvh,560px)}}
