.ds-control-bar{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:max-content;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);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{animation:ds-pill-item-in .55s var(--ds-easing) both;display:flex;position:relative}.ds-control-item__pill{border-radius:var(--ds-radius-full);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;padding:9px var(--ds-space-4);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:9px;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;line-height:20px;font-family:var(--ds-font-body);font-size:15px;font-weight:var(--ds-font-weight-medium);display:inline-block;position:relative;overflow:hidden}.ds-control-item__label-base,.ds-control-item__label-over{transition:transform .5s var(--ds-easing);display:block}.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);border-radius:var(--ds-radius-full);background:var(--ds-color-bg-tag);color:var(--ds-color-text-secondary);transition:background var(--ds-duration-base) var(--ds-easing), color var(--ds-duration-base) var(--ds-easing);padding:3px 9px}.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}}