.modes.svelte-805z68{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.mode.svelte-805z68{justify-content:flex-start;align-items:center;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--button-bg);color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1 1 0;font-size:10px;line-height:1.2;transition:all .15s;display:flex}.mode.svelte-805z68:hover{border-color:var(--accent-color)}.mode.svelte-805z68:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:1px}.mode.active.svelte-805z68{border-color:var(--accent-color);color:var(--text-primary)}.icon.svelte-805z68{justify-content:center;align-items:center;height:18px;display:flex}.preview.svelte-805z68{border-radius:var(--radius-sm);width:22px;height:16px;box-shadow:inset 0 0 0 1px var(--shadow-strong);filter:saturate(0);opacity:.65;transition:all .15s}.preview.round.svelte-805z68{border-radius:var(--radius-full);width:18px;height:18px}.preview.bare.svelte-805z68{box-shadow:none}.mode.active.svelte-805z68 .preview:where(.svelte-805z68){filter:none;opacity:1}.name.svelte-805z68{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}