/* Native links keep both designs usable without JavaScript. */
.design-toggle { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:4px 10px; border:1px solid currentColor; border-radius:24px; color:inherit; font:400 14px/1.3 Arial,sans-serif; text-decoration:none; white-space:nowrap; flex-shrink:0; }
.design-toggle:hover { opacity:1; background:#00000008; border:1px solid currentColor; }
.design-toggle:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.design-toggle-track { display:inline-flex; align-items:center; width:30px; height:18px; padding:2px; border:1px solid currentColor; border-radius:12px; }
.design-toggle-track > span { width:12px; height:12px; border-radius:50%; background:currentColor; }
.design-toggle-track.is-on { background:#26262b; color:#fff; border-color:#26262b; justify-content:flex-end; }
.nav-container { flex-wrap:wrap; gap:8px 16px; }
.nav-container > .design-toggle { margin-left:auto; }
.gallery-page .gallery-design-toggle { position:absolute; left:50%; top:21px; transform:translateX(-50%); pointer-events:auto; }
@media(max-width:800px) {
  .gallery-page .gallery-design-toggle { top:67px; min-height:36px; font-size:13px; }
  .enhanced .gallery-page .collection-heading { top:122px; }
  .enhanced .gallery-page .gallery-viewport { top:170px; }
  .enhanced.is-grid .gallery-page .gallery-viewport { top:158px; }
  html:not(.enhanced) .gallery-page .site-header { padding-bottom:69px; }
}
@media(max-width:480px) { .nav-container > .design-toggle { margin-left:0; } }