[data-fragment=ThemeSwitcher]{background:var(--bg-primary);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);flex-direction:column;gap:14px;min-width:240px;padding:18px;display:flex}[data-fragment=ThemeSwitcher] [class$=-header] :is(h1,h2,h3){letter-spacing:-.2px;text-wrap:balance;margin:0;font-size:14px;font-weight:700}[data-fragment=ThemeSwitcher] [class$=-status-row]{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-fragment=ThemeSwitcher] [class$=-toggle-row]{background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;gap:4px;padding:3px;display:inline-flex}[data-fragment=ThemeSwitcher] [class*=-pick]{border-radius:var(--radius-sm);width:28px;height:26px;color:var(--text-tertiary,var(--text-secondary,currentColor));cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=ThemeSwitcher] [class*=-pick]:hover{color:var(--text-primary)}[data-fragment=ThemeSwitcher] [class*=-pick]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=ThemeSwitcher] [class*=-pick].active{background:var(--bg-primary);color:var(--brand);box-shadow:0 1px 3px #0000000f}[data-fragment=ThemeSwitcher] [class$=-status]{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}[data-fragment=ThemeSwitcher] [class$=-status-icon]{color:var(--text-tertiary,var(--text-secondary,currentColor))}[data-fragment=ThemeSwitcher] [class$=-modes]{grid-template-columns:1fr 1fr;gap:6px;display:grid}[data-fragment=ThemeSwitcher] [class*=-mode-btn]{border:1px solid var(--ui-line);border-radius:var(--radius-md);background:var(--bg-primary);min-height:44px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:500;display:inline-flex}[data-fragment=ThemeSwitcher] [class*=-mode-btn]:hover{border-color:var(--ui-line-strong)}[data-fragment=ThemeSwitcher] [class*=-mode-btn]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=ThemeSwitcher] [class*=-mode-btn].active{background:var(--brand);border-color:var(--brand);color:var(--ink-text-on-brand)}