.switcher{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1.4rem;display:grid}.switcher button{text-align:left;font:inherit;background:var(--s-surface);border:1.5px solid var(--s-line);cursor:pointer;color:var(--s-ink);border-radius:14px;flex-direction:column;gap:.15rem;padding:1rem 1.2rem;transition:all .25s;display:flex}.switcher b{font:800 1.4rem var(--font-display);letter-spacing:-.02em}.switcher span{color:var(--s-muted);font-size:.85rem}.switcher button[aria-checked=true]{border-color:var(--s-ink);background:var(--s-ink);color:var(--s-bg)}.switcher button[aria-checked=true] span{color:color-mix(in srgb,var(--s-bg) 80%,var(--s-ink))}.theme-stage{box-shadow:var(--shadow),0 0 0 1px var(--s-line);aspect-ratio:16/9;border-radius:20px;overflow:hidden}.theme-stage .mock{height:100%}.theme-stage .m-nav{view-transition-name:m-nav}.theme-stage .m-photo{view-transition-name:m-photo}.theme-stage .m-copy{view-transition-name:m-copy}.theme-stage .m-cards{view-transition-name:m-cards}@media (width<=700px){.theme-stage{aspect-ratio:3/4}.switcher span{display:none}}.fine{color:var(--s-muted);margin-top:1rem;font-size:.85rem}