.split-image-body{grid-template-columns:auto 1fr;align-items:start;gap:22px;display:grid}@media (max-width:720px){.split-image-body{grid-template-columns:1fr}}.split-image-stage{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.split-image-stage canvas{width:100%;height:100%;display:block}.split-image-grid{display:grid;position:absolute;inset:0}.split-image-cell{appearance:none;cursor:pointer;background:0 0;border:1px dashed #ffffffbf;margin:0;padding:0;box-shadow:inset 0 0 0 1px #00000059}.split-image-cell.off{background:#0000009e}.split-image-cell:hover{background:#ffffff1f}.split-image-cell.off:hover{background:#00000080}.split-image-controls{flex-direction:column;gap:12px;min-width:0;display:flex}.split-image-info{color:var(--ink-2);font-size:12.5px}.split-image-steppers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.split-image-steppers input[type=number]{width:100%}.split-image-hint{color:var(--ink-2);margin:0;font-size:12.5px}.split-image-selectall{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;text-decoration:underline}.split-image-actions{flex-wrap:wrap;gap:8px;display:flex}.image-crop-handle--n{cursor:ns-resize;top:-6px;left:50%;transform:translate(-50%)}.image-crop-handle--s{cursor:ns-resize;bottom:-6px;left:50%;transform:translate(-50%)}.image-crop-handle--e{cursor:ew-resize;top:50%;right:-6px;transform:translateY(-50%)}.image-crop-handle--w{cursor:ew-resize;top:50%;left:-6px;transform:translateY(-50%)}.image-crop-handle--nw{cursor:nwse-resize;top:-6px;left:-6px}.image-crop-handle--ne{cursor:nesw-resize;top:-6px;right:-6px}.image-crop-handle--sw{cursor:nesw-resize;bottom:-6px;left:-6px}.image-crop-handle--se{cursor:nwse-resize;bottom:-6px;right:-6px}