.demo-bar{position:relative;z-index:2000;display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font:500 14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.demo-bar__label{padding:4px 10px;border-radius:9999px;background:#111827;color:#fff;font-size:12px;letter-spacing:.02em}.demo-menu{position:relative}.demo-bar .demo-menu__button{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;font:inherit;cursor:pointer}.demo-bar .demo-menu__button:hover,.demo-bar .demo-menu__button[aria-expanded=true]{background:#f3f4f6}.demo-bar .demo-menu__button:focus-visible,.demo-bar .demo-menu__link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.demo-bar .demo-menu__list{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 24px #0000001f}.demo-bar .demo-menu__list[hidden]{display:none}.demo-bar .demo-menu__link{display:block;padding:10px 12px;border-radius:6px;color:#374151;text-decoration:none;white-space:nowrap}.demo-bar .demo-menu__link:after{content:none}.demo-bar .demo-menu__link:hover{background:#f3f4f6;color:#111827}.demo-bar .demo-menu__link[aria-current=page]{background:#f3f4f6;color:#111827;font-weight:600}