/* Each preview has one toolbar below its canvas. */
.video-tile{min-width:0;border:1px solid var(--Line);border-radius:4px;background:var(--Surface)}
.video-tile .canvas{border-radius:3px 3px 0 0}
.player-controls{display:flex;align-items:center;gap:7px;padding:7px 9px;min-height:44px;border-bottom:1px solid var(--Line);background:var(--Surface);white-space:nowrap}
.player-controls .player-tool{width:30px;height:28px;min-width:28px;min-height:28px;padding:4px;flex:0 0 30px;border:1px solid transparent;background:transparent;color:var(--Accent);border-radius:4px}
.player-controls .player-tool:hover:not(:disabled){border-color:var(--InputLine);background:var(--BrandLight)}
.player-controls .player-tool:disabled{opacity:.35}
.player-tool svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.player-icon-solid{fill:currentColor;stroke:none}
.player-mute-line{stroke:#dd545c;stroke-width:2.2}
.player-talk[aria-pressed=true]{background:var(--BrandLight);border-color:var(--InputLine)}
.player-talk[data-phase=ACTIVE]{color:var(--Accent)}
.player-talk[aria-pressed=true]:not([data-phase=ACTIVE]){color:#a56b12}
.player-sound{display:flex;align-items:center;gap:3px;flex:1;min-width:80px;max-width:215px;margin:0 2px}
.player-volume{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.player-volume input[type=range]{--volume:100%;width:100%;min-width:25px;height:20px;padding:0;border:0;box-shadow:none;background:transparent;accent-color:var(--Brand);cursor:pointer}
.player-volume output{min-width:32px;text-align:right;font-size:11px;color:var(--Muted);font-variant-numeric:tabular-nums}
.player-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-height:34px;padding:6px 9px;font-size:11px;color:var(--Muted)}
.player-slot{color:var(--Accent);font-weight:600;white-space:nowrap}
.player-state>p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-size{white-space:nowrap;font-variant-numeric:tabular-nums}
.player-talk-state{grid-column:2/-1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5;color:#a56b12}
.player-talk-state[data-phase=ACTIVE]{color:var(--Accent)}
.player-talk-state[data-phase=FAILED],.player-talk-state[data-phase=QUARANTINED],.player-talk[data-phase=FAILED]{color:#c6414b}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px) and (min-width:761px){.player-controls{gap:4px;padding:6px}.player-controls .player-tool{flex-basis:28px;width:28px}.player-volume output{display:none}}
@media(max-width:480px){.player-controls{gap:4px;padding:6px}.player-controls .player-tool{flex-basis:28px;width:28px}.player-sound{margin:0}.player-volume output{display:none}.player-state{gap:4px 5px}}