/* The same small, keyboard-accessible comparison control on both designs. */
.design-switcher{position:fixed;z-index:80;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:6px;background:#fffdf8f5;color:#24332f;box-shadow:0 5px 35px #0003;border:1px solid #d9dfd7;border-radius:100px;backdrop-filter:blur(16px);font:500 11px/1.4 Manrope,Arial,sans-serif;white-space:nowrap}
.design-switcher a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border-radius:100px;transition:background .2s,color .2s;text-decoration:none;color:inherit}
.design-switcher a:hover{background:#e4eae3}.design-switcher a[aria-current]{background:#18312a;color:#fff}
.design-switcher .design-overview{border-right:1px solid #d4dbd3;border-radius:0;padding-right:18px;margin-right:3px}
.design-switcher .design-overview:hover{background:transparent;color:#aa122a}
.design-switcher a:focus-visible{outline:3px solid #d71936;outline-offset:2px}
.design-dot{width:8px;height:8px;border-radius:50%;border:1px solid #0002;flex-shrink:0}.design-dot-one{background:#d71936}.design-dot-two{background:#bce7ca}
body:has(.design-switcher){padding-bottom:85px}
@media(max-width:520px){.design-switcher{bottom:max(10px,env(safe-area-inset-bottom));gap:2px;padding:5px}.design-switcher a{padding:8px 12px;gap:6px}.design-switcher .design-name{font-size:10px}.design-switcher .design-overview{padding-right:14px}.design-switcher .design-overview span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.design-switcher a{transition:none}}
.design-dot-flow{background:#8097aa}
@media(max-width:520px){.design-switcher a{padding-inline:9px;gap:5px}.design-switcher .design-overview{padding-inline:9px;margin-right:0}.design-switcher .design-overview span{display:none}.design-switcher .design-name{font-size:10px}}