/* Shared preview navigation; the saved website designs keep their own assets. */
.version-bar{background:#eaf0fb;color:#233f67;border-bottom:1px solid #c9d7eb;font:600 12px/1.3 Inter,system-ui,sans-serif}
.version-bar-inner{width:min(1240px,calc(100% - 96px));margin:auto;display:flex;align-items:center;gap:8px;min-height:54px}
.version-bar-label{margin-right:auto;color:#536b89;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.version-bar a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:6px;text-decoration:none;color:#2d4c77;white-space:nowrap}
.version-bar a[aria-current="page"]{background:#fff;border-color:#bdcce4;color:#274cad;box-shadow:0 2px 6px #1838670a}
.version-bar a:hover{background:#dbe6fa}.version-bar a:focus-visible{outline:3px solid #7759c7;outline-offset:2px}
.version-footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;margin-top:18px;border-top:1px solid #52749d80;padding-top:12px;color:#d3e3f7;font:600 12px/1.4 Inter,system-ui,sans-serif}
.version-footer{display:none}
.version-footer span{font-size:11px;color:#acbfdc}.version-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1040px){.version-bar-inner{width:calc(100% - 64px)}}
@media(max-width:760px){.version-bar-inner{width:calc(100% - 30px);justify-content:space-between;gap:3px;min-height:52px}.version-bar-label{display:none}.version-bar a{font-size:11px;padding:9px 11px}.version-footer{gap:4px 19px}.version-footer span{width:100%}}
@media(max-width:360px){.version-bar a{font-size:10px;padding-inline:9px}}