/* SkyyCast Bluesky Video Upload Checker (/tools/bluesky-video-upload-checker).
 *
 * Loaded by that page only, after assets/sc-public.css, assets/sc-image-checker.css
 * and assets/sc-post-validator.css. The hero, tool shell, drop zone, buttons,
 * status badges, messages, result banner, check rows and supporting-content
 * styles are all reused from those files; this file adds only the selected-file
 * card. Everything is scoped under `.pub-site` and built from the `--pub-*`
 * tokens: no new fonts, nothing on :root/html/body. */

.pub-site .vc-file[hidden], .pub-site .vc-drop[hidden] { display: none; }
.pub-site .vc-file {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding: .9rem;
  border: 1px solid var(--pub-border);
  border-radius: var(--pub-radius-md);
  background: var(--pub-surface);
  box-shadow: var(--pub-shadow-sm);
}
.pub-site .vc-preview {
  display: block;
  width: 168px;
  height: 100px;
  object-fit: contain;
  border-radius: var(--pub-radius-sm);
  background: #0B1020;
  border: 1px solid var(--pub-border);
}
.pub-site .vc-preview-empty {
  display: grid;
  place-items: center;
  width: 168px;
  height: 100px;
  border-radius: var(--pub-radius-sm);
  background: var(--pub-bg);
  border: 1px dashed var(--pub-border-strong);
  color: var(--pub-text-muted);
  font-size: .8125rem;
  font-weight: 700;
  text-align: center;
  padding: .5rem;
}
.pub-site .vc-file-body { min-width: 0; display: grid; gap: .4rem; align-content: start; }
.pub-site .vc-file-name { margin: 0; font-weight: 700; color: var(--pub-text); overflow-wrap: anywhere; }
.pub-site .vc-file-meta { margin: 0; font-size: .875rem; color: var(--pub-text-secondary); overflow-wrap: anywhere; }
.pub-site .vc-file-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .35rem; }

@media (max-width: 640px) {
  .pub-site .vc-file { grid-template-columns: minmax(0, 1fr); }
  .pub-site .vc-preview, .pub-site .vc-preview-empty { width: 100%; max-width: 280px; height: auto; aspect-ratio: 16 / 9; }
  .pub-site .vc-file-actions .ic-btn { flex: 1 1 100%; }
}