.kbw-demo-toolbar { position: fixed; left: 50%; bottom: 18px; z-index: 99999; width: min(620px,calc(100% - 24px)); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px 9px 16px; color: #263044; background: rgba(255,255,255,.94); border: 1px solid rgba(38,48,68,.14); border-radius: 999px; box-shadow: 0 16px 45px rgba(38,48,68,.24); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); transform: translateX(-50%); font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.kbw-demo-toolbar strong { font-size: 13px; }
.kbw-demo-toolbar-nav { display: flex; align-items: center; gap: 8px; }
.kbw-demo-toolbar a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 13px; color: #263044; border-radius: 999px; text-decoration: none; font-size: 12px; font-weight: 800; line-height: 1; }
.kbw-demo-toolbar a:first-child { background: #eef8ff; }
.kbw-demo-toolbar a:last-child { color: white; background: #1c9c57; }
.kbw-demo-toolbar a:focus-visible { outline: 3px solid #ffd15c; outline-offset: 3px; }
@media(max-width:560px){.kbw-demo-toolbar{bottom:10px;padding:7px 7px 7px 12px}.kbw-demo-toolbar strong{font-size:11px}.kbw-demo-toolbar a{min-height:36px;padding:7px 10px;font-size:11px}.kbw-demo-toolbar a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.kbw-demo-toolbar *{transition:none!important}}