.demo-bar{position:fixed;z-index:9999;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border-radius:999px;background:rgba(20,20,25,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,176,32,.35);color:#E4E4E7;font:600 12px/1 Inter,system-ui,sans-serif;box-shadow:0 10px 30px -10px rgba(0,0,0,.7);white-space:nowrap}
.demo-bar b{color:#FFB020;font-weight:750}
.demo-dot{width:7px;height:7px;border-radius:50%;background:#FFB020;box-shadow:0 0 0 3px rgba(255,176,32,.2)}
.demo-txt{color:#A1A1AA;font-weight:500}
.demo-bar button{font:inherit;border:0;border-radius:999px;padding:6px 10px;background:#FFB020;color:#1A1206;cursor:pointer}
.demo-bar button:hover{background:#FFC53D}
@media (max-width:700px){.demo-txt{display:none}.demo-bar{top:auto;bottom:88px;left:12px;transform:none}}
@media print{.demo-bar{display:none}}