.crop-modal{max-width:520px}.crop-modal .modal__body{flex-direction:column;gap:12px;display:flex}.crop-modal__helper{color:var(--theme-text-muted);font-size:12px;line-height:1.5}.crop-modal__stage{border:1px solid var(--theme-border);background:var(--theme-surface-strong);border-radius:12px;place-items:center;min-height:180px;padding:10px;display:grid;overflow:hidden}.crop-modal__frame{line-height:0;position:relative}.crop-modal__source{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;border-radius:8px;max-width:100%;max-height:36vh;display:block}.crop-modal__selection{border:2px solid var(--theme-surface);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #09090b73}.crop-modal__selection:focus-visible{outline:2px solid var(--theme-ring);outline-offset:2px}.crop-modal__selection--circle{border-radius:999px}.crop-modal__selection--square,.crop-modal__selection--wide{border-radius:8px}.crop-modal__handle{border:1px solid var(--theme-border-strong);background:var(--theme-surface);touch-action:none;border-radius:2px;width:13px;height:13px;transition:border-color .12s cubic-bezier(.25,.46,.45,.94);position:absolute;transform:translate(-50%,-50%)}.crop-modal__handle:hover{border-color:var(--theme-brand)}@media (width<=544px){.crop-modal__handle{width:16px;height:16px}}.crop-modal__handle--nw{cursor:nwse-resize;top:0;left:0}.crop-modal__handle--ne{cursor:nesw-resize;top:0;left:100%}.crop-modal__handle--sw{cursor:nesw-resize;top:100%;left:0}.crop-modal__handle--se{cursor:nwse-resize;top:100%;left:100%}.crop-modal__preview{flex-direction:column;align-items:center;gap:8px;display:flex}.crop-modal__preview-label{color:var(--theme-text-muted);font-size:11.5px;line-height:15px}.crop-modal__preview-frame{border:1px solid var(--theme-border);background-repeat:no-repeat}.crop-modal__preview-frame--circle{border-radius:999px;width:180px;height:180px}@media (width<=544px){.crop-modal__preview-frame--circle{width:132px;height:132px}}.crop-modal__preview-frame--square{border-radius:8px;width:180px;height:180px}@media (width<=544px){.crop-modal__preview-frame--square{width:132px;height:132px}}.crop-modal__preview-frame--wide{border-radius:8px;width:288px;max-width:100%;height:162px}@media (width<=544px){.crop-modal__preview-frame--wide{width:224px;height:126px}}