document.querySelectorAll('input[name="mode"]').forEach(function(r) {
r.addEventListener('change', function() {
document.querySelectorAll('.mode-fields').forEach(function(f) { f.classList.remove('active'); });
document.getElementById('mode-' + this.value).classList.add('active');
});
});
// Activate default
var activeMode = 'range';
var el = document.getElementById('mode-' + activeMode);
if (el) el.classList.add('active');
document.querySelector('input[name="mode"][value="' + activeMode + '"]').checked = true;