.mode-toggle.svelte-3ugp8j{display:flex;gap:4px;background:var(--bg-color, #f1f3f5);border:var(--border, 1px solid #dee2e6);border-radius:8px;padding:4px}.mode-btn.svelte-3ugp8j{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:none;border-radius:6px;font-size:.75rem;font-weight:600;color:#6c757d;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-btn.svelte-3ugp8j:hover{color:#495057;background:#0000000d}.mode-btn.active.svelte-3ugp8j{background:var(--active-color, #01ab4d);color:#fff;box-shadow:0 1px 3px #0000001a}.mode-btn.active.svelte-3ugp8j:hover{background:var(--active-color-hover, #019642)}