.snr-demo-bar{position:relative;z-index:20;background:#18202d;color:#fff;padding:13px 18px;font:12px/1.5 system-ui,sans-serif;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box}.snr-demo-bar strong{display:block;color:#fff;font-size:11px;letter-spacing:1px}.snr-demo-bar span{color:#c4ccd8;font-size:11px}.snr-demo-bar nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.snr-demo-bar a{color:#fff;text-decoration:underline;text-underline-offset:3px}.snr-demo-bar form{margin:0}.snr-demo-bar button{border:1px solid #788295;border-radius:6px;background:transparent;color:#fff;cursor:pointer;padding:5px 8px;font:inherit}.demo-login{padding:16px;border:1px solid #d8dee8;border-radius:12px;background:#f7f9fc;margin:18px 0}.demo-login p{margin:5px 0}.demo-login code{color:#a41120}.demo-login button{margin-top:8px}.snr-demo-bar a:focus-visible,.snr-demo-bar button:focus-visible{outline:3px solid #ffda99;outline-offset:3px}@media(max-width:500px){.snr-demo-bar{padding:12px 14px;gap:8px}.snr-demo-bar nav{font-size:11px;gap:14px}}