.tba-root{display:flex;justify-content:center;max-width:100%}.tba-pill,.tba-root{align-items:center;min-width:0}.tba-pill{position:relative;display:inline-flex;gap:var(--ds-space-2);max-width:min(420px,100%);height:var(--ds-control-h-sm);padding:0 var(--ds-space-3);background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);font-family:inherit;font-size:var(--ds-text-sm);color:var(--ds-text);cursor:pointer;animation:tba-in var(--ds-dur-base) var(--ds-ease-enter);transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),border-color var(--ds-dur-fast) var(--ds-ease-enter)}.tba-pill:disabled{cursor:default}.tba-pill:hover:not(:disabled){background:var(--ds-surface-sunken)}.tba-pill:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.tba-kind,.tba-live{display:inline-flex;flex-shrink:0}.tba-kind{width:1.15em;height:1.15em;color:var(--ds-text-muted)}.tba-kind>svg{width:100%;height:100%}.tba-pill--sale .tba-kind{color:var(--ds-accent-strong)}.tba-name{flex-shrink:0;max-width:140px;font-weight:var(--ds-weight-semibold)}.tba-name,.tba-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tba-text{min-width:0;color:var(--ds-text-muted)}@keyframes tba-in{0%{opacity:0;transform:translateY(calc(-1 * var(--ds-dist-1)))}}.tba-pill--sale{background:var(--ds-accent-tint);border-color:var(--ds-glow)}.tba-pill--sale:hover:not(:disabled){background:var(--ds-accent-tint);border-color:var(--ds-accent)}.tba-pill--sale .tba-text{color:var(--ds-text);font-weight:var(--ds-weight-semibold)}@media (prefers-reduced-motion:reduce){.tba-pill{animation-name:ds-fade-in}}.cp-trigger{display:inline-flex;align-items:center;gap:var(--ds-space-2);flex-shrink:0;height:var(--ds-control-h-sm);padding:0 var(--ds-space-2);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-raised);color:var(--ds-text-muted);font-family:var(--ds-font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),color var(--ds-dur-fast) var(--ds-ease-enter),transform var(--ds-dur-fast) var(--ds-ease-enter)}.cp-trigger:hover{background:var(--ds-surface-sunken);color:var(--ds-text)}.cp-trigger:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.cp-trigger:active{transform:scale(var(--ds-scale-press));transition-duration:var(--ds-dur-instant)}.cp-trigger-kbd{font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);color:var(--ds-text-muted)}.cp-overlay{position:fixed;inset:0;z-index:var(--ds-z-modal);display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--ds-space-4) var(--ds-space-4);font-family:var(--ds-font-sans);color:var(--ds-text)}.cp-overlay:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ds-scrim);animation:cp-fade var(--ds-dur-base) var(--ds-ease-enter) backwards}.cp{display:flex;flex-direction:column;width:100%;max-width:560px;overflow:hidden;background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-modal);animation:cp-enter var(--ds-dur-base) var(--ds-ease-enter) backwards}.cp-search{display:flex;align-items:center;gap:var(--ds-space-3);flex:none;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border);color:var(--ds-text-muted);transition:border-color var(--ds-dur-fast) var(--ds-ease-enter)}.cp-search:focus-within{border-bottom-color:var(--ds-accent)}.cp-search>svg{flex-shrink:0}.cp-input{flex:1 1;min-width:0;padding:var(--ds-space-1) 0;border:none;background:transparent;font-family:var(--ds-font-sans);font-size:var(--ds-text-ui);line-height:var(--ds-leading-normal);color:var(--ds-text);outline:none}.cp-search .cp-input:focus-visible{outline:none}.cp-input::-moz-placeholder{color:var(--ds-text-muted)}.cp-input::placeholder{color:var(--ds-text-muted)}.cp-list{list-style:none;margin:0;display:flex;flex-direction:column;padding:var(--ds-space-1);max-height:min(360px,50vh);overflow-y:auto;scrollbar-width:thin}.cp-option{display:flex;align-items:center;gap:var(--ds-space-3);min-height:36px;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-ui);line-height:var(--ds-leading-snug);color:var(--ds-text);cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter)}.cp-option>svg{flex-shrink:0;color:var(--ds-text-muted);transition:color var(--ds-dur-fast) var(--ds-ease-enter)}.cp-option.is-active{background-color:var(--ds-surface-sunken)}.cp-option.is-active>svg{color:currentColor}.cp-option.is-disabled{opacity:.45;cursor:not-allowed}.cp-option-label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--ds-weight-medium)}.cp-option-sub{flex-shrink:0;font-size:var(--ds-text-xs)}.cp-empty,.cp-option-sub{color:var(--ds-text-muted)}.cp-empty{margin:0;padding:var(--ds-space-6) var(--ds-space-4);text-align:center;font-size:var(--ds-text-ui)}.cp-foot{display:flex;flex:none;gap:var(--ds-space-4);padding:var(--ds-space-2) var(--ds-space-4);border-top:1px solid var(--ds-border);font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.cp-foot span{display:inline-flex;align-items:center;gap:var(--ds-space-1)}.cp-foot kbd{display:inline-block;padding:0 var(--ds-space-1);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-xs);font-family:var(--ds-font-mono);font-size:var(--ds-text-2xs);line-height:var(--ds-leading-normal);color:var(--ds-text-muted)}@keyframes cp-fade{0%{opacity:0}}@keyframes cp-enter{0%{opacity:0;transform:scale(var(--ds-scale-enter))}}@media (prefers-reduced-motion:reduce){.cp{animation-name:cp-fade}.cp-trigger:active{transform:none}.cp-option,.cp-option>svg{transition:none}}@media (max-width:768px){.cp-trigger{display:none}}@media (max-width:480px){.cp-overlay{padding:var(--ds-space-8) var(--ds-space-3) var(--ds-space-3)}}.tb-switcher{position:relative;flex-shrink:1;min-width:0}.tb-switcher-trigger{display:inline-flex;align-items:center;gap:var(--ds-space-2);max-width:min(280px,100%);min-width:0;height:var(--ds-control-h-sm);overflow:hidden;padding:2px var(--ds-space-2) 2px 2px;border:1px solid var(--ds-border-strong);background:var(--ds-surface-raised);border-radius:var(--ds-radius-md);font-family:var(--ds-font-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--ds-dur-fast) var(--ds-ease-enter),background-color var(--ds-dur-fast) var(--ds-ease-enter),transform var(--ds-dur-fast) var(--ds-ease-enter)}.tb-switcher-trigger:hover{background:var(--ds-surface-sunken)}.tb-switcher-trigger:active{transform:scale(var(--ds-scale-press));transition-duration:var(--ds-dur-instant)}.tb-switcher-trigger:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.tb-switcher-trigger[aria-expanded=true]{border-color:var(--ds-accent)}.tb-switcher-id{display:inline-flex;align-items:center;gap:var(--ds-space-2);min-width:0;animation:tb-id-in var(--ds-dur-base) var(--ds-ease-enter)}@keyframes tb-id-in{0%{opacity:0;transform:translateX(calc(-1 * var(--ds-dist-1)))}}.tb-switcher-name{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tb-switcher-chevron{flex-shrink:0;margin-left:auto;color:var(--ds-text-muted)}.tb-menu{position:absolute;top:calc(100% + var(--ds-space-2));left:0;z-index:var(--ds-z-dropdown);min-width:220px;max-height:min(420px,calc(100vh - 72px));overflow-y:auto;padding:var(--ds-space-1);display:flex;flex-direction:column;gap:2px;background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-float);font-family:var(--ds-font-sans);transform-origin:top left;animation:tb-menu-in var(--ds-dur-base) var(--ds-ease-enter)}@keyframes tb-menu-in{0%{opacity:0;transform:scale(var(--ds-scale-enter))}}.tb-menu-item{display:flex;align-items:center;gap:var(--ds-space-3);width:100%;min-height:36px;padding:var(--ds-space-2) var(--ds-space-3);border:none;background:transparent;border-radius:var(--ds-radius-sm);font-family:inherit;font-size:var(--ds-text-ui);font-weight:var(--ds-weight-medium);color:var(--ds-text);text-align:left;cursor:pointer;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),color var(--ds-dur-fast) var(--ds-ease-enter)}.tb-menu-item svg{flex-shrink:0;color:var(--ds-text-muted);transition:color var(--ds-dur-fast) var(--ds-ease-enter)}.tb-menu-item:focus-visible,.tb-menu-item:hover{background:var(--ds-surface-sunken)}.tb-menu-item:focus-visible svg,.tb-menu-item:hover svg{color:currentColor}.tb-menu-item:focus-visible{outline:2px solid var(--ds-focus);outline-offset:-2px}.tb-menu-item.is-current{font-weight:var(--ds-weight-semibold)}.tb-menu-item.is-current,.tb-menu-item.is-current svg{color:var(--ds-accent-strong)}.tb-menu-item-label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-menu-item-check{flex-shrink:0}.tb-menu-item-iconbox{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.tb-menu-sep{height:1px;margin:var(--ds-space-1) calc(-1 * var(--ds-space-1));background:var(--ds-border)}@media (prefers-reduced-motion:reduce){.tb-menu,.tb-switcher-id{animation-name:ds-fade-in}.tb-switcher-trigger:active{transform:none}}