.theme-toggle{border:1px solid var(--studio-border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--duration-base)var(--ease-out-expo);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--studio-bg-surface);border-color:var(--studio-border-strong)}.theme-toggle:focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.theme-toggle:active{transform:scale(.95)}.theme-toggle-track{width:18px;height:18px;position:relative}.theme-toggle-icon{width:18px;height:18px;color:var(--studio-text-secondary);transition:all var(--duration-slow)var(--ease-out-expo);position:absolute;top:0;left:0}.theme-toggle-sun{opacity:0;transform:rotate(-90deg)scale(.5)}.theme-toggle-sun.active{opacity:1;transform:rotate(0)scale(1)}.theme-toggle-moon{opacity:0;transform:rotate(90deg)scale(.5)}.theme-toggle-moon.active{opacity:1;transform:rotate(0)scale(1)}.theme-toggle:hover .theme-toggle-icon.active{color:var(--studio-accent)}.theme-toggle-icon.active{filter:drop-shadow(0 0 4px rgba(var(--studio-accent-rgb),.3))}[data-theme=light] .theme-toggle{border-color:var(--studio-border)}[data-theme=light] .theme-toggle:hover{background:var(--studio-bg-surface)}[data-theme=light] .theme-toggle-icon{color:var(--studio-text-secondary)}[data-theme=light] .theme-toggle:hover .theme-toggle-icon.active{color:var(--studio-accent)}@media (prefers-reduced-motion:reduce){.theme-toggle-icon{transition:opacity var(--duration-fast)var(--ease-out);transform:none!important}.theme-toggle-sun.active,.theme-toggle-moon.active{transform:none!important}.theme-toggle:active{transform:none}}