{#each allRangeKeys as key, i} {@const active = selectedRanges.has(key)} {@const color = curveColor(key, i)} toggleRange(key)} class="px-3 py-1 rounded-full text-sm font-medium border transition-colors" style={active ? `background:${color}22; border-color:${color}; color:${color}` : 'background:transparent; border-color:#3f3f46; color:#71717a'} > {PRESET_LABELS[key] ?? key} {/each}