.replay-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.replay-header-actions .strategy-notes-pairing-open{min-height:36px;padding:0 14px;font-size:13px}
.youtube-availability-panel{margin:12px 0 20px;padding:16px;border:1px solid #34434b;overflow-wrap:anywhere}
.youtube-availability-panel button{margin:0 8px 8px 0}
.youtube-availability-panel summary{cursor:pointer}
.youtube-availability-panel p{margin:8px 0}

.youtube-availability-panel .button-accent{background:#4bd9ea;color:#051014;border:1px solid #4bd9ea;padding:10px 14px;cursor:pointer;font-weight:700}
.youtube-availability-panel .youtube-switch-account{display:block;background:transparent;color:inherit;border:0;text-decoration:underline;font-size:13px;cursor:pointer;padding:4px 0}
.youtube-availability-panel button:disabled{opacity:.5;cursor:wait}
.youtube-availability-panel p,.youtube-availability-panel summary{font-size:14px;line-height:1.6}

.replay-youtube-player{position:relative;width:100%;min-height:200px;aspect-ratio:16/9;background:#000}
.replay-youtube-player iframe{display:block;width:100%;height:100%;min-height:200px;border:0}
.replay-youtube-player p{padding:12px;color:var(--text,#e9f2f4);background:var(--panel,#0c151a)}
.video-frame:has(.replay-youtube-player){display:block}
/* .video-frame video sets display:block, which would keep the hidden local
   video in place and push the YouTube player out of the clipped frame. */
.video-frame video[hidden]{display:none}
.video-frame .replay-youtube-player,.video-frame .replay-youtube-player iframe{min-height:0}
.annotation-scene-time{display:grid;place-items:center;min-height:80px;background:var(--panel,#0c151a);color:var(--cyan,#4bd9ea);font-variant-numeric:tabular-nums}
.recording-library-card .recording-library-info{min-width:0}
.recording-library-card .recording-side-actions>button{min-width:44px;white-space:nowrap}
@media(max-width:680px){
.recording-thumbnail-play{position:relative;display:block;width:100%;min-height:132px;padding:0;border:0;background:#050708;cursor:pointer;overflow:hidden}
.recording-thumbnail-play img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.recording-thumbnail-play>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#061015c9;color:white;font-size:25px}
.recording-thumbnail-play:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
.recording-inline-slot{grid-column:1/-1}
.recording-inline-slot:empty{display:none}
.recording-library-card.is-playing{grid-column:1/-1;grid-template-columns:1fr}
.recording-library-card.is-playing>.recording-thumbnail-play{display:none}
.recording-library-card.is-playing .recording-library-actions{display:flex;flex-wrap:wrap;align-items:center}
.recording-library-card.is-playing .recording-side-actions{flex-direction:row;margin-left:auto}
.recording-library-card .open-recording{flex:0 1 auto;white-space:nowrap}
.workspace.is-library-inline{display:block!important;height:auto!important;min-height:0;margin:0;padding:0}
.workspace.is-library-inline .session-two-pane{grid-template-columns:minmax(0,1fr)}
.workspace.is-library-inline .match-viewer,.workspace.is-library-inline .match-browser{position:static;max-height:none;overflow:visible;box-shadow:none}
.workspace.is-library-inline .match-browser{margin-top:12px}
.workspace.is-library-inline .match-player-frame{max-width:960px;margin-inline:auto}
.workspace.is-library-inline .match-player-controls{max-width:960px;margin-inline:auto}
.workspace.is-video-only .match-viewer>:not(.match-player-frame):not(.match-player-controls):not(.source-offline){display:none!important}
.workspace.is-video-only .match-browser,.workspace.is-video-only>.inline-recording-details,.workspace.is-video-only #virtual-empty{display:none!important}
.workspace.is-video-only .match-viewer{border:0;padding:0 14px 14px}
.inline-recording-details{padding:14px;color:var(--muted,#9caeb7);border-top:1px solid var(--line,#34434b)}
.inline-recording-details>summary{cursor:pointer;font-size:13px}
.inline-recording-details>.source-section{margin-top:12px}
body:has(.workspace.is-library-inline){display:block!important;height:auto!important;overflow:auto!important}
body:has(.workspace.is-library-inline) .app-shell{display:block!important;overflow:visible!important}
body:has(.workspace.is-library-inline)>.vfp-shell-footer{display:block!important}
}
@media(max-width:680px){
  .recording-thumbnail-play{aspect-ratio:16/9;min-height:0}
  .recording-heading>div:first-child,.recording-title-editor{min-width:0;width:100%}
  .recording-title-line{flex-wrap:wrap}
  .recording-title-line h2{max-width:100%;overflow-wrap:anywhere}
  .recording-detail-title-form{width:100%}
  .session-summary{flex-wrap:wrap;white-space:normal}
  .match-list.match-index{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .match-index-label .match-index-character{font-size:12px}
}