.mc-crop-preview{flex-direction:column;gap:12px;display:flex}.mc-crop-preview__surface{width:min(100%, calc(480px * var(--mc-crop-aspect)));aspect-ratio:var(--mc-crop-aspect);background:var(--surface);border-radius:16px;margin:0 auto;position:relative;overflow:hidden}.mc-crop-preview__surface>img{width:100%;height:100%;display:block}.mc-crop-preview__frame{border:2px solid var(--overlay-line);box-sizing:border-box;cursor:move;touch-action:none;box-shadow:inset 0 0 0 1px var(--overlay-edge), 0 0 0 1px var(--overlay-edge), 0 0 0 999px color-mix(in srgb, var(--ink) 45%, transparent);position:absolute}.mc-crop-preview__frame:focus-visible{outline:2px solid var(--overlay-line);outline-offset:3px}.mc-crop-preview__grid{border:1px solid var(--overlay-line);filter:drop-shadow(0 0 1px var(--overlay-edge));pointer-events:none;position:absolute;inset:33.333%}