.crop-image-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.crop-image-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.crop-image-stage{padding:14px;min-height:220px}
.crop-image-box{position:relative;display:inline-block;line-height:0;overflow:hidden;user-select:none;-webkit-user-select:none}
.crop-image-img{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;pointer-events:none}
.crop-image-sel{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(12,15,24,.58);cursor:move;touch-action:none;outline:none}
.crop-image-sel:focus-visible{border-color:var(--acc)}
.crop-image-sel.round{border-radius:50%}
.crop-image-sel i{position:absolute;pointer-events:none;opacity:.7}
.crop-image-g1{left:33.333%;right:33.333%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.8);border-right:1px solid rgba(255,255,255,.8)}
.crop-image-g2{top:33.333%;bottom:33.333%;left:0;right:0;border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.8)}
.crop-image-sel.on i{opacity:1}
.crop-image-h{position:absolute;width:14px;height:14px;background:#fff;border:1px solid rgba(0,0,0,.35);border-radius:3px;margin:-7px 0 0 -7px;touch-action:none}
.crop-image-h::after{content:"";position:absolute;inset:-12px}
.crop-image-h-nw{left:0;top:0;cursor:nwse-resize}.crop-image-h-n{left:50%;top:0;cursor:ns-resize}
.crop-image-h-ne{left:100%;top:0;cursor:nesw-resize}.crop-image-h-e{left:100%;top:50%;cursor:ew-resize}
.crop-image-h-se{left:100%;top:100%;cursor:nwse-resize}.crop-image-h-s{left:50%;top:100%;cursor:ns-resize}
.crop-image-h-sw{left:0;top:100%;cursor:nesw-resize}.crop-image-h-w{left:0;top:50%;cursor:ew-resize}
.crop-image-sel.round .crop-image-h-nw,.crop-image-sel.round .crop-image-h-ne,.crop-image-sel.round .crop-image-h-se,.crop-image-sel.round .crop-image-h-sw{left:auto;top:auto}
.crop-image-sel.round .crop-image-h-nw{left:14.64%;top:14.64%}.crop-image-sel.round .crop-image-h-ne{left:85.36%;top:14.64%}
.crop-image-sel.round .crop-image-h-se{left:85.36%;top:85.36%}.crop-image-sel.round .crop-image-h-sw{left:14.64%;top:85.36%}
.crop-image-cap{font-size:13px;margin:8px 0 0;text-align:center}
.crop-image-side{display:flex;flex-direction:column;gap:16px}
.crop-image-chiprow{gap:8px;flex-wrap:nowrap;align-items:flex-start}
.crop-image-chips{display:flex;flex-wrap:wrap;gap:6px}
.crop-image-chips button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 12px;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);min-height:36px}
.crop-image-chips button:hover{background:var(--soft)}
.crop-image-chips button.on{border-color:var(--acc);background:var(--acc-soft);color:var(--acc-d)}
.crop-image-chips button:disabled{opacity:.35;cursor:not-allowed}
.crop-image-size{gap:12px}
.crop-image-size .inp{width:120px}
.crop-image-bg .lbl{font-weight:700;font-size:14px}
.crop-image-pvwrap{display:flex;align-items:center;gap:12px;font-size:13px}
.crop-image-pv{background:repeating-conic-gradient(#e9ecf2 0 25%,#fff 0 50%) 0 0/12px 12px;border:1px solid var(--line);border-radius:6px;max-width:120px;max-height:120px}
.crop-image-pvwrap.round .crop-image-pv{border-radius:6px}
.crop-image-sum{margin:0;font-weight:700}
.crop-image-res{margin:0 auto 22px;max-width:320px}
.crop-image-res img{max-width:100%;max-height:320px;display:block;margin:0 auto;border:1px solid var(--line);border-radius:8px;background:repeating-conic-gradient(#e9ecf2 0 25%,#fff 0 50%) 0 0/16px 16px}
.crop-image-grid [hidden]{display:none!important}
@media(max-width:860px){.crop-image-grid{grid-template-columns:1fr}.crop-image-stage{padding:8px}.crop-image-img{max-height:55vh}.crop-image-size .inp{width:100%}}
.crop-image-side>.opt,.crop-image-side>.opts{flex:none}
.crop-image-grid>*{min-width:0}