.demo-bar{z-index:998;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.4;position:fixed;bottom:20px;left:20px}.demo-bar__toggle{color:#fff;cursor:pointer;background:#0b0b0b;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;list-style:none;display:flex;box-shadow:0 8px 30px #00000040}.demo-bar__toggle::-webkit-details-marker{display:none}.demo-bar__badge{color:#0b0b0b;letter-spacing:.06em;text-transform:uppercase;background:#c8f169;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.demo-bar__name{font-weight:600}.demo-bar__menu[open] svg{transform:rotate(180deg)}.demo-bar__panel{color:#111;background:#fff;border-radius:16px;width:min(320px,100vw - 40px);max-height:min(70vh,560px);padding:18px;position:absolute;bottom:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:0 20px 60px #00000040}.demo-bar__intro{color:#555;margin:0 0 12px;font-size:13px}.demo-bar__panel ul{grid-template-columns:1fr 1fr;gap:2px 12px;margin:0;padding:0;list-style:none;display:grid}.demo-bar__panel li a{color:#111;padding:5px 0;text-decoration:none;display:block}.demo-bar__panel li a:hover,.demo-bar__panel li a[aria-current=page]{color:#6b8f00}.demo-bar__actions{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.demo-bar__actions a{color:#111;font-weight:600;text-decoration:none}.demo-bar__actions .demo-bar__cta{color:#fff;background:#0b0b0b;border-radius:999px;padding:8px 14px}@media (max-width:575px){.demo-bar{bottom:12px;left:12px}.demo-bar__name{display:none}}