{t.contrastLabel}
{#each CONTRAST_OPTIONS as option}
store.setContrast(option.value)} class="flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors {store.contrast === option.value ? 'bg-surface text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'}" title={option.description} > {option.value === 'normal' ? t.contrastNormal : t.contrastHigh}
{/each}
{t.colorblindLabel}
store.setColorblind(e.currentTarget.value as ColorblindMode)} > {#each COLORBLIND_OPTIONS as option}
{colorblindLabels[option.value]}
{/each}
{t.reduceMotionLabel}
{t.reduceMotionDescription}
{#if store.reduceMotionExplicit}
store.resetReduceMotion()} class="text-xs text-muted-foreground hover:text-foreground underline" > {t.systemDefault}
{/if}
store.setReduceMotion(!store.reduceMotion)} class="toggle-switch" class:active={store.reduceMotion} >
{#if showReset}
store.resetAll()} class="text-sm text-muted-foreground hover:text-foreground transition-colors" > {t.reset}
{/if}