.task-media video{display:block;width:100%;height:100%;object-fit:cover;min-width:0;background:#15161a}
.task-media.pair{grid-template-rows:minmax(0,1fr)}
.task-media .shot,.task-media .result-pane{min-height:0}
.cartoon-media .result-pane{background:#20271f}
.cartoon-media .result-pane::before{content:'';position:absolute;inset:-16px;background:url('./task-gallery-assets/cartoon-frame.png') center/cover;filter:blur(18px);opacity:.38}
.cartoon-media video{position:relative;object-fit:contain;background:transparent}
.task-media .reference-image{width:100%;height:100%;object-fit:cover;display:block}
.task-media .result-pane{position:relative;display:block;height:100%;min-width:0;overflow:hidden}
.task-media .result-label{position:absolute;bottom:14px;left:12px;font-size:12px;background:#121318cc;padding:7px 9px;border-radius:7px;pointer-events:none}
.task-media .play-cue{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid #ffffff40;background:#1011159e;border-radius:50%;display:grid;place-items:center;font-size:15px;pointer-events:none;backdrop-filter:blur(8px)}
.task-media[data-playing="true"] .play-cue{opacity:0;transition:opacity .2s}
.task-media:focus-visible .play-cue{opacity:1}
.task-media .media-error{position:absolute;bottom:14px;left:14px;right:14px;background:#18191ee8;border-radius:8px;padding:10px;font-size:12px;color:#ffc5c5}