.workspace-mode-switcher.svelte-1g4ql3x{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);gap:2px;width:100%;padding:2px;display:flex}.workspace-mode-switcher--compact.svelte-1g4ql3x{width:auto;max-width:100%}.workspace-mode-switcher__segment.svelte-1g4ql3x{min-width:0;min-height:32px;padding:0 var(--space-2);border-radius:calc(var(--radius-md) - 2px);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;appearance:none;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;flex:1;font-size:.6875rem;font-weight:700}.workspace-mode-switcher__segment.svelte-1g4ql3x:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-primary) 6%, transparent)}.workspace-mode-switcher__segment--active.svelte-1g4ql3x{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 22%, transparent)}.workspace-mode-switcher__segment.svelte-1g4ql3x:focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);outline-offset:1px}.workspace-mode-switcher--compact.svelte-1g4ql3x .workspace-mode-switcher__segment:where(.svelte-1g4ql3x){padding:0 var(--space-3);flex:0 auto}