.control-button{justify-content:flex-start;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;min-height:var(--control-height);border:var(--control-border) solid var(--rule);background:var(--surface);color:var(--ink);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--quick), color var(--quick);padding:0 13px;font-weight:800;line-height:18px;display:inline-flex}.control-button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.control-button:not(:disabled):is(:hover,:active,[data-pressed],:focus-visible){background:var(--hover);color:var(--ink)}.control-button:not(:disabled):is(:active,[data-pressed]){background:color-mix(in oklab, var(--ink) 20%, var(--surface))}.control-button>svg{transition:rotate .2s var(--ease);flex:none}.control-button[aria-expanded=true]>svg,details[open]>.control-button:not([aria-expanded=false])>svg{rotate:180deg}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .control-button,:root:not([data-motion=full]) .control-button>svg{transition:none}}