:root{--demo-bar-h: 44px}html.has-demo-bar body{padding-top:var(--demo-bar-h)}.demo-bar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--demo-bar-h);display:flex;align-items:center;gap:12px;padding:0 10px 0 12px;background:#0b0e14;color:#fff;font:500 13px/1 Inter,system-ui,sans-serif;letter-spacing:0}.demo-bar a{color:inherit;text-decoration:none}.demo-bar__brand{display:inline-flex;align-items:center;gap:4px;padding:6px 8px 6px 4px;border-radius:8px;font-weight:600;white-space:nowrap}.demo-bar__brand:hover{background:#ffffff14}.demo-bar__tag{padding:4px 8px;border-radius:6px;background:#2e5bff38;color:#a9bcff;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.demo-bar__title{color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.demo-bar__note{color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.demo-bar__cta{margin-left:auto;flex:none;padding:8px 14px;border-radius:999px;background:#2e5bff;color:#fff;font-weight:600;white-space:nowrap;transition:background-color .2s ease}.demo-bar__cta:hover{background:#4870ff}.demo-bar a:focus-visible{outline:2px solid #a9bcff;outline-offset:2px}@media (max-width: 900px){.demo-bar__note{display:none}.demo-bar__title{flex:1}}@media (max-width: 520px){.demo-bar{gap:8px}.demo-bar__brand span{display:none}.demo-bar__title{font-size:12px;color:#ffffffbf}.demo-bar__cta{padding:8px 12px;font-size:12px}}