/* One-row experiment toolbar.
   Every page used to let its buttons wrap into a wall of controls. Keep them on
   a single line, give the groups air, and scroll sideways on narrow screens. */
.bar{display:flex;align-items:center;flex-wrap:nowrap!important;gap:10px!important;
 padding:0 14px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
 box-sizing:border-box;height:auto!important;min-height:64px}
.bar::-webkit-scrollbar{display:none}
.bar>*{flex:0 0 auto}
.bar .sp{display:none!important}
.bar .vl{width:1px;height:26px;margin:0 4px;background:rgba(255,255,255,.14);flex:0 0 auto;display:block!important}
.bar .seg{background:rgba(255,255,255,.06);border-radius:12px;padding:3px;gap:2px}
.bar .seg button{height:42px;border-radius:9px;padding:0 14px;font-size:15px}
.bar .btn{height:42px;border-radius:10px;padding:0 16px;margin-left:0!important;font-size:15px}
.bar .btn.pri{min-width:96px}
.bar .seg+.btn{margin-left:4px!important}
.bar .btn+.seg{margin-left:4px!important}
@media(max-width:760px){
 .bar{min-height:58px;gap:8px!important;padding:0 10px!important}
 .bar .btn,.bar .seg button{font-size:14px;height:40px;padding:0 12px}
 .bar .btn.pri{min-width:84px}
}