.ds-control-bar{--ds-control-bar-label-max:12ch;--ds-control-bar-value-max:12ch;--ds-control-bar-item-gap:9px;--ds-control-bar-item-inline:var(--ds-space-4);align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-full);border:1px solid var(--ds-color-border-glass);background:var(--ds-glass-bg);-webkit-backdrop-filter:blur(var(--ds-blur-glass));box-shadow:var(--ds-shadow-float), var(--ds-shadow-glass-inset);width:fit-content;min-width:0;max-width:94vw;animation:ds-pill-bar-in .6s var(--ds-easing) both;display:flex}.ds-control-bar--floating{z-index:var(--ds-z-fixed);max-width:calc(100vw - var(--ds-space-8));transition:transform .55s cubic-bezier(.34,1.2,.44,1),opacity .4s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.ds-control-bar--hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(170%)}.ds-control-item{min-width:0;animation:ds-pill-item-in .55s var(--ds-easing) both;flex:0 auto;display:flex;position:relative}.ds-control-item__pill{border-radius:var(--ds-radius-full);min-width:0;max-width:100%;display:flex;position:relative;overflow:hidden}.ds-control-item__circle{background:var(--ds-color-accent);transform-origin:50% 100%;transition:transform .5s var(--ds-easing);pointer-events:none;z-index:0;border-radius:50%;position:absolute;left:50%}.ds-control-item__btn{z-index:1;align-items:center;gap:var(--ds-control-bar-item-gap);min-width:0;max-width:100%;padding:9px var(--ds-control-bar-item-inline);cursor:pointer;white-space:nowrap;background:0 0;border:none;display:flex;position:relative}.ds-control-item__glyph{background:var(--ds-color-accent);color:#fff;width:28px;height:28px;transition:background var(--ds-duration-fast) ease, color var(--ds-duration-fast) ease;border-radius:50%;flex:none;place-items:center;display:grid}.ds-control-item__glyph--on{color:var(--ds-color-accent);background:#fff}.ds-control-item__label{height:20px;max-width:var(--ds-control-bar-label-max);min-width:0;line-height:20px;font-family:var(--ds-font-body);font-size:15px;font-weight:var(--ds-font-weight-medium);flex:0 auto;display:inline-block;position:relative;overflow:hidden}.ds-control-item__label-base,.ds-control-item__label-over{text-overflow:ellipsis;transition:transform .5s var(--ds-easing);white-space:nowrap;display:block;overflow:hidden}.ds-control-item__label-base{color:var(--ds-color-text)}.ds-control-item__label-over{color:#fff;position:absolute;top:0;left:0}.ds-control-item__value{font-family:var(--ds-font-body);font-size:12.5px;font-weight:var(--ds-font-weight-medium);max-width:var(--ds-control-bar-value-max);border-radius:var(--ds-radius-full);background:var(--ds-color-bg-tag);min-width:0;color:var(--ds-color-text-secondary);text-overflow:ellipsis;transition:background var(--ds-duration-base) var(--ds-easing), color var(--ds-duration-base) var(--ds-easing);white-space:nowrap;flex:0 auto;padding:3px 9px;overflow:hidden}.ds-control-item__value--on{color:#fff;background:#ffffff40}.ds-popover{bottom:calc(100% + var(--ds-space-4));background:var(--ds-color-bg-container);border:1px solid var(--ds-color-border-soft);padding:var(--ds-space-3);box-shadow:var(--ds-shadow-pop);gap:var(--ds-space-2);max-width:min(640px,86vw);z-index:var(--ds-z-dropdown);animation:ds-pop-in .25s var(--ds-easing) both;border-radius:18px;flex-wrap:wrap;justify-content:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes ds-pill-bar-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.ds-control-bar--floating{animation:none}@keyframes ds-pill-item-in{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ds-pop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ds-control-bar,.ds-control-item,.ds-popover{animation:none}}@media (max-width:1100px){.ds-control-bar{--ds-control-bar-label-max:clamp(4.75rem, 10vw, 12ch);--ds-control-bar-value-max:clamp(3.75rem, 8vw, 10ch);--ds-control-bar-item-gap:clamp(6px, .8vw, 9px);--ds-control-bar-item-inline:clamp(10px, 1.1vw, var(--ds-space-4))}}