.visual-crop-editor{gap:10px;width:100%;margin:14px 0;display:grid}.visual-crop-copy{color:var(--muted);gap:4px;font-size:.82rem;line-height:1.55;display:grid}.visual-crop-copy strong{color:var(--ink);font-weight:650}.visual-crop-stage{width:min(100%, 720px, calc(65vh * var(--crop-source-ratio)));aspect-ratio:var(--crop-source-width) / var(--crop-source-height);background:var(--brand-ink);max-height:65vh;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent);isolation:isolate;user-select:none;border-radius:10px;margin-inline:auto;position:relative;overflow:hidden}.visual-crop-stage>img{pointer-events:none;object-fit:fill;-webkit-user-drag:none;width:100%;height:100%;display:block}.visual-crop-selection{z-index:1;box-sizing:border-box;cursor:move;touch-action:none;border:2px solid #fff;outline:none;position:absolute;box-shadow:0 0 0 1px #000000b8,0 0 0 9999px #070f0ba3}.visual-crop-selection[aria-disabled=true]{cursor:default;touch-action:auto}.visual-crop-selection:focus-visible{border-color:var(--brand-red);box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--brand-red), 0 0 0 9999px #070f0ba3}.visual-crop-grid{pointer-events:none;background:#ffffff94;display:block;position:absolute;box-shadow:0 0 0 .5px #00000059}.visual-crop-grid-x{width:1px;top:0;bottom:0}.visual-crop-grid-x-one{left:33.333%}.visual-crop-grid-x-two{left:66.666%}.visual-crop-grid-y{height:1px;left:0;right:0}.visual-crop-grid-y-one{top:33.333%}.visual-crop-grid-y-two{top:66.666%}.visual-crop-handle{z-index:2;color:#fff;touch-action:none;background:0 0;border:0;border-radius:6px;width:44px;height:44px;margin:0;padding:0;position:absolute}.visual-crop-handle:after{content:"";filter:drop-shadow(0 1px 1px #000c);width:15px;height:15px;position:absolute}.visual-crop-handle-nw{cursor:nwse-resize;top:0;left:0}.visual-crop-handle-nw:after{border-top:4px solid;border-left:4px solid;top:5px;left:5px}.visual-crop-handle-ne{cursor:nesw-resize;top:0;right:0}.visual-crop-handle-ne:after{border-top:4px solid;border-right:4px solid;top:5px;right:5px}.visual-crop-handle-sw{cursor:nesw-resize;bottom:0;left:0}.visual-crop-handle-sw:after{border-bottom:4px solid;border-left:4px solid;bottom:5px;left:5px}.visual-crop-handle-se{cursor:nwse-resize;bottom:0;right:0}.visual-crop-handle-se:after{border-bottom:4px solid;border-right:4px solid;bottom:5px;right:5px}.visual-crop-handle:focus-visible{outline:3px solid var(--brand-red);outline-offset:-3px;background:#17191edb}.visual-crop-status{min-height:1.5em;color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;font-size:.82rem;display:block}@media (width<=480px){.visual-crop-stage{width:min(100%, calc(58vh * var(--crop-source-ratio)));max-height:58vh}.visual-crop-copy,.visual-crop-status{font-size:.78rem}}