.design-compare{position:fixed;z-index:950;left:18px;bottom:18px;display:flex;align-items:center;gap:4px;padding:5px;background:rgba(255,255,255,.97);color:#26364d;border:1px solid #d8e0e4;border-radius:99px;box-shadow:0 4px 20px rgba(38,54,77,.12);font:600 13px/1.5 'DM Sans','Noto Sans JP',sans-serif}
.design-compare a{display:flex;align-items:center;gap:6px;border-radius:99px;padding:8px 12px;text-decoration:none;white-space:nowrap}
.design-compare a::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(38,54,77,.1)}
.design-compare a[aria-current="true"]{background:#26364d;color:#fff}
.design-compare a:hover{outline:1px solid #89949f;outline-offset:-1px}
.design-compare a:focus-visible{outline:3px solid #315784;outline-offset:2px}
body{padding-bottom:68px}
@media(max-width:800px){.design-compare{left:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:0}.design-compare a{padding:8px 11px}.design-compare a span{display:none}body{padding-bottom:66px}}
@media print{.design-compare{display:none}body{padding-bottom:0}}
/* Six experiments remain reachable without covering the mobile back-to-top. */
.design-compare a span{display:none}
.design-compare a{min-width:44px;min-height:44px;justify-content:center;padding:8px 10px}
@media(max-width:800px){.design-compare{padding:4px;gap:0}.design-compare a{min-width:44px;min-height:44px;padding:8px}.design-compare a::before{display:none}}