.image-crop-editor{border:1px solid var(--line);background:#f8fafc;border-radius:12px;min-width:0;margin-top:20px;padding:20px}.image-crop-editor h3{margin:0;font-size:18px}.image-crop-editor>p{overflow-wrap:anywhere}.image-crop-shape{gap:8px;max-width:280px;margin:16px 0;font-weight:600;display:grid}.image-crop-shape select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:10px}.image-crop-stage{background:#dfe8f0;border-radius:10px;justify-content:center;margin-top:16px;padding:16px;display:flex}.image-crop-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;outline:2px solid #054a91;flex:0 auto;position:relative;overflow:hidden}.image-crop-frame:active{cursor:grabbing}.image-crop-frame:focus-visible{outline-offset:5px;outline:3px solid #054a91}.image-crop-frame img{object-fit:fill;pointer-events:none;max-width:none;position:absolute}.image-crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33%,#ffffff85 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#ffffff85 66% calc(66% + 1px),#0000 calc(66% + 1px)),linear-gradient(#0000 33%,#ffffff85 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#ffffff85 66% calc(66% + 1px),#0000 calc(66% + 1px));position:absolute;inset:0}.image-crop-frame.is-avatar:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 60px #00182e40}.image-crop-zoom{align-items:center;gap:12px;margin:20px 0;display:flex}.image-crop-zoom input[type=range]{accent-color:#054a91;flex:1;min-width:0;min-height:32px;padding:0}.image-crop-zoom output{font-variant-numeric:tabular-nums;min-width:3ch}.image-crop-editor .profile-inline-actions{flex-wrap:wrap;gap:10px;display:flex}.image-crop-editor .button{margin-top:0}@media (max-width:520px){.image-crop-editor{padding:14px}.image-crop-stage{padding:10px}}