/* Video compressor (/tools/compress-video): result cards carry a player
   instead of a thumbnail, so they are wider than the photo cards and are
   not themselves clickable (the video controls are). */
.vc-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.vc-card { cursor: default; }
.vc-player { aspect-ratio: 16 / 9; background: #000; display: flex; align-items: center; justify-content: center; }
.vc-player video { width: 100%; height: 100%; object-fit: contain; display: block; background: #000; }
.vc-save {
    margin-top: 6px;
    justify-self: start;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0d0d0f;
    background: #fff;
    border: 0;
    border-radius: 999px;
    padding: 6px 14px;
    cursor: pointer;
}
.vc-save:hover { background: rgba(255,255,255,0.85); }
.vc-unsupported { margin: 8px 0 0; color: rgba(255,255,255,0.7); }
.tool-settings .control-group.is-muted { opacity: 0.45; }