/* Styles of tool: Image Splitter (Grid Cutter) */
.im-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:26px 16px;border:2px dashed var(--mid);border-radius:5px;background:var(--bg);text-align:center;cursor:pointer}
.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:460px;height:auto}
.sp-grid{display:grid;gap:3px;margin:14px 0;background:var(--border);padding:3px;border-radius:5px}.sp-grid canvas{width:100%;display:block;background:#fff}