/* Styles of tool: Image Cropper */
.im-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 16px;border:2px dashed var(--mid);border-radius:5px;background:var(--bg);text-align:center;cursor:pointer;transition:background .2s,border-color .2s}
.im-drop.over,.im-drop:hover{background:var(--light);border-color:var(--primary)}
.im-drop i{font-size:2rem;color:var(--mid)}
.im-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.im-prev{margin:14px 0;text-align:center;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--border-soft);border-radius:5px;padding:10px;overflow:auto}
.im-prev canvas{max-width:100%;max-height:480px;height:auto;width:auto}
.im-crop .im-prev canvas{cursor:crosshair;touch-action:none}
.im-ico-row{display:flex;flex-wrap:wrap;gap:10px}