1, 253,0.7)', surface: 'rgba(109, 40, 217, 0.7)' },
            { point: 'rgba(249, 115, 22, 0.9)', grid: 'rgba(253, 186, 116,0.7)', surface: 'rgba(234, 88, 12, 0.7)' },
            { point: 'rgba(236, 72, 153, 0.9)', grid: 'rgba(251, 146, 198,0.7)', surface: 'rgba(219, 39, 119, 0.7)' },
            { point: 'rgba(245, 158, 11, 0.9)', grid: 'rgba(252, 211, 77,0.7)', surface: 'rgba(217, 119, 6, 0.7)' }
        ];
        const GLOBAL_CONTROL_POINT_RADIUS = 5; 
        const GLOBAL_DRAG_THRESHOLD = GLOBAL_CON