.crop-editor{gap:14px;margin-top:4px;display:grid}.crop-editor-top{gap:8px;display:grid}.crop-editor-top>label,.crop-editor-foot>span{color:var(--muted,#a8aab3);font-size:.8rem}.crop-ratios{flex-wrap:wrap;gap:7px;display:flex}.crop-ratios>button{border:1px solid var(--border,#30333b);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 13px;font-size:.78rem;transition:border-color .18s,background .18s}.crop-ratios>button:hover:not(:disabled){border-color:#6e737f}.crop-ratios>button.active{color:#14161a;background:#f2f3f5;border-color:#f2f3f5}.crop-ratios>button:disabled{opacity:.5;cursor:not-allowed}.crop-stage{border:1px solid var(--border,#30333b);touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#232630 0% 25%,#1a1c22 0% 50%) 50%/18px 18px;border-radius:12px;line-height:0;position:relative;overflow:hidden}.crop-stage img{object-fit:contain;pointer-events:none;width:100%;max-height:460px;display:block}.crop-box{cursor:move;border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 9999px #08090c94}.crop-box:focus-visible{outline-offset:2px;outline:2px solid #7fb2ff}.crop-box:before,.crop-box:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 33.33%,#ffffff4d 33.33% 33.5%,#0000 33.5%),linear-gradient(90deg,#0000 66.66%,#ffffff4d 66.66% 66.83%,#0000 66.83%);position:absolute;inset:0}.crop-box:after{background:linear-gradient(#0000 33.33%,#ffffff4d 33.33% 33.5%,#0000 33.5%),linear-gradient(#0000 66.66%,#ffffff4d 66.66% 66.83%,#0000 66.83%)}.crop-handle{background:#14161abf;border:2px solid #fff;border-radius:3px;width:18px;height:18px;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:-9px;left:-9px}.crop-handle-ne{cursor:nesw-resize;top:-9px;right:-9px}.crop-handle-sw{cursor:nesw-resize;bottom:-9px;left:-9px}.crop-handle-se{cursor:nwse-resize;bottom:-9px;right:-9px}.crop-editor-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.crop-editor-help{color:var(--muted,#a8aab3);margin:0;font-size:.78rem;line-height:1.65}@media (max-width:600px){.crop-stage img{max-height:320px}.crop-handle{width:22px;height:22px}.crop-editor-foot{flex-direction:column;align-items:stretch}.crop-editor-foot .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.crop-ratios>button{transition:none}}