.comparison-fullscreen-button{white-space:nowrap;margin-left:auto}
.comparison-fullscreen-hint{margin:5px 0 0}
.comparison-window-open{overflow:hidden!important}
.video-comparison.comparison-expanded{
  box-sizing:border-box;display:flex;flex-direction:column;gap:12px;
  width:100%;height:100%;min-width:0;min-height:0;
  padding:20px;background:#101b16;color:#eef5f0;
}
.video-comparison.comparison-window-fullscreen{
  position:fixed;inset:0;z-index:10020;width:100vw;height:100vh;height:100dvh;
}
dialog.comparison-dialog-expanded{
  position:fixed!important;inset:0!important;transform:none!important;
  margin:0!important;padding:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;overflow:hidden!important;border:0!important;border-radius:0!important;
}
.video-comparison.comparison-expanded>.input-hint:not(.comparison-fullscreen-hint):not([data-compare-status]),
.video-comparison.comparison-expanded>.result-actions,
.video-comparison.comparison-expanded>[data-download-status]{display:none}
.video-comparison.comparison-expanded .comparison-grid{
  flex:1;min-height:0;width:100%;margin:0;gap:18px;grid-template-rows:minmax(0,1fr);
}
.video-comparison.comparison-expanded .comparison-grid:has(figure:only-child){grid-template-columns:1fr}
.video-comparison.comparison-expanded .comparison-grid figure{
  min-height:0;display:flex;flex-direction:column;overflow:hidden;
}
.video-comparison.comparison-expanded .comparison-grid figcaption{flex:none;color:#deeee3;margin:0 0 8px}
.video-comparison.comparison-expanded .comparison-grid video{
  flex:1;min-height:0;width:100%;height:100%;max-height:none!important;
  aspect-ratio:auto;object-fit:contain;background:#080e0b;
}
.video-comparison.comparison-expanded .comparison-controls{flex:none;margin:0;min-height:42px;gap:12px}
.video-comparison.comparison-expanded .comparison-controls [data-compare-time],
.video-comparison.comparison-expanded .volume-control,
.video-comparison.comparison-expanded .volume-control .text-button,
.video-comparison.comparison-expanded [data-compare-status],
.video-comparison.comparison-expanded .comparison-fullscreen-hint{color:#deeee3}
.video-comparison.comparison-expanded .comparison-controls .button{
  width:auto;min-height:38px;margin:0;padding:8px 14px;
  border-color:#527160;background:#193c2c;color:#f4fff8;
}
.video-comparison.comparison-expanded .comparison-controls .button:hover{background:#28543e}
.video-comparison.comparison-expanded .comparison-controls .comparison-fullscreen-button{margin-left:auto}
.video-comparison.comparison-expanded .comparison-controls input[type=range]{accent-color:#a6d29f}
.video-comparison.comparison-expanded .comparison-fullscreen-hint:empty{display:none}
@media(max-width:700px){
  .video-comparison.comparison-expanded{padding:12px;gap:10px}
  .video-comparison.comparison-expanded .comparison-grid{gap:8px}
  .video-comparison.comparison-expanded .comparison-grid figcaption{font-size:12px}
  .video-comparison.comparison-expanded .comparison-controls{gap:8px}
  .video-comparison.comparison-expanded .comparison-controls .button{padding:7px 10px;font-size:12px}
  .video-comparison.comparison-expanded .comparison-controls [data-compare-time]{font-size:11px}
}