.demo-bar{position:fixed;top:0;left:0;right:0;z-index:99999;height:52px;background:#1a1a1a;color:#fff;display:flex;align-items:center;gap:12px;padding:0 14px;font-family:Arial,sans-serif;font-size:12px;overflow-x:auto}.demo-bar__group{display:flex;align-items:center;gap:6px;white-space:nowrap}.demo-bar__group span{opacity:.55;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.demo-bar button,.demo-bar select{background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:6px;height:30px;padding:0 9px;font-size:12px}.demo-bar button.is-active{background:#5b8fff;border-color:#5b8fff}.demo-bar label{display:inline-flex;align-items:center;gap:4px;opacity:.9}.demo-bar__copy{margin-left:auto}.demo-bar__copy.is-copied{background:#22c55e;border-color:#22c55e}