.speech-player.has-avatar{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:12px 16px}
.speech-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;line-height:1.5}
.speech-controls>.recipe-image-controls{display:contents}
.speech-controls .speech-progress{max-width:100%;min-width:100px}
.speech-avatar{--avatar-width:180px;margin:0;width:var(--avatar-width);justify-self:end;align-self:center;text-align:center}
.speech-avatar-viewport{width:var(--avatar-width);height:calc(var(--avatar-width)*300/362);overflow:hidden}
.speech-avatar-art{width:calc(var(--avatar-width)*512/362);aspect-ratio:512/448;transform:translate(calc(var(--avatar-width)*-75/362),calc(var(--avatar-width)*-70/362));background-repeat:no-repeat;background-size:400% 400%;background-position:0 0}
.speech-avatar-toggle{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;line-height:1.4;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px 8px;min-height:28px}
.speech-avatar-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.speech-avatar-toggle[aria-pressed="false"]{opacity:.65}
@media(max-width:600px){.speech-player.has-avatar{grid-template-columns:minmax(0,1fr);gap:4px}.speech-controls{gap:7px}.speech-avatar{grid-row:2;justify-self:center;--avatar-width:160px}.speech-controls .speech-progress{flex-basis:100%;order:6}.speech-controls .speech-status{order:7}.speech-avatar-toggle{min-height:36px}}