.f12-theme-toggle{align-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;display:inline-flex;flex-shrink:0;gap:2px;padding:2px}.f12-theme-toggle button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text-faint);cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;justify-content:center;line-height:1;padding:5px 9px}.f12-theme-toggle button:hover{color:var(--text-primary)}.f12-theme-toggle button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.f12-theme-toggle button[data-state=on]{background:var(--surface-1);box-shadow:var(--shadow-sm);color:var(--text-primary)}.f12-theme-toggle .f12-theme-icon{flex-shrink:0;height:14px;width:14px}.f12-theme-toggle-compact button{height:26px;padding:0;width:28px}@media (max-width:380px){.f12-theme-toggle-compact button{width:24px}}.f12-theme-cycle{display:none}@media (max-height:500px) and (max-width:950px),(max-width:640px){.f12-theme-toggle-compact{display:none}.f12-theme-cycle{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;padding:0;width:40px}.f12-theme-cycle:hover{background:var(--surface-hover);color:var(--text-primary)}.f12-theme-cycle:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.f12-theme-cycle .f12-theme-icon{height:16px;width:16px}.f12-theme-toggle{padding:0}.f12-theme-toggle button{min-height:40px}}