Method startDrag

src/pages/quickTools/quickTools.js:292–323

(el, pointer)

	// --- Core Drag Logic ---

	startDrag(el, pointer) {
		// Double check state
		if (this.dragState) {
			this.destroy();
			return;
		}

		if (navigator.vibrate) navigator.vibrate(30);

		const rect = el.getBoundingClientRect();
		const ghost = el.cloneNode(true);
		ghost.classList.add("tool-ghost");
		ghost.style.width = rect.width + "px";
		ghost.style.height = rect.height + "px";

		document.body.appendChild(ghost);
		el.classList.add("dragging");

		const type = el.dataset.type;
		const index = Number.parseInt(el.dataset.index, 10);

		this.dragState = {
			el,
			type, // 'active' or 'source'
			index, // slot index (active) or item ID (source)
			ghost,
			offsetX: pointer.clientX - rect.left - rect.width / 2,
			offsetY: pointer.clientY - rect.top - rect.height / 2,
		};

		this.updateDrag(pointer);
	}

	updateDrag(pointer) {
		const { ghost } = this.dragState;