.image-crop{flex-direction:column;gap:14px;display:flex}.image-crop-stage{background:var(--bg);border:1px solid var(--line);border-radius:12px;justify-content:center;padding:12px;display:flex}.image-crop-frame{touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;line-height:0;position:relative;overflow:hidden}.image-crop-frame img{pointer-events:none;max-width:100%;max-height:min(56vh,520px);display:block}.image-crop-box{cursor:move;touch-action:none;outline:2px solid #ffffffeb;position:absolute;box-shadow:0 0 0 9999px #0000008c}.image-crop-box.is-circle{border-radius:50%}.image-crop-box:focus-visible{outline:3px solid var(--accent)}.image-crop-handle{touch-action:none;width:22px;height:22px;position:absolute}.image-crop-handle:after{content:"";background:#fff;border-radius:3px;position:absolute;inset:6px;box-shadow:0 0 0 1px #00000059}.image-crop-handle.is-nw{cursor:nwse-resize;top:-11px;left:-11px}.image-crop-handle.is-ne{cursor:nesw-resize;top:-11px;right:-11px}.image-crop-handle.is-sw{cursor:nesw-resize;bottom:-11px;left:-11px}.image-crop-handle.is-se{cursor:nwse-resize;bottom:-11px;right:-11px}.image-crop-size{color:var(--muted);align-items:center;gap:12px;font-size:.9rem;display:flex}.image-crop-size input{accent-color:var(--accent);flex:1}.image-crop-note,.image-crop-error{color:var(--muted);margin:0;font-size:.9rem}.image-crop-error{color:var(--danger)}.image-crop .form-actions{margin-top:0}