.vo{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:inline-flex}.vo-button{height:28px;font:inherit;white-space:nowrap;color:var(--text);border:1px solid var(--control);border-radius:var(--radius-control);cursor:pointer;touch-action:manipulation;transition:border-color var(--t-hover) ease;background:0 0;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.vo-button:hover{border-color:var(--muted)}.vo-button:active{transform:translateY(1px)}.vo-button svg{color:var(--muted);flex:none}.vo[data-status=speaking] .vo-button:first-child svg,.vo[data-status=paused] .vo-button:first-child svg{color:var(--accent)}.vo[data-size=regular] .vo-button{height:36px;padding:0 14px;font-size:13px}.vo-progress{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px;line-height:16px}.vo-none{color:var(--muted);margin:0;font-size:12px;line-height:17px}@media (max-width:700px){.vo-button,.vo[data-size=regular] .vo-button{height:44px;padding:0 14px;font-size:14px}.vo-none{font-size:13px;line-height:19px}}@media (prefers-reduced-motion:reduce){.vo-button{transition:none}.vo-button:active{transform:none}}@media print{.vo{display:none!important}}
