/* VidHub Downloader — supplementary styles for result card */

.result-card{ display:block; }

.result-preview-wrap{
  border-radius:14px;overflow:hidden;margin-bottom:0;
  background:var(--surface-2,#f7f6fb);
}
.result-preview{
  display:block;width:100%;max-height:420px;background:#000;
}

/* bar shown below the preview with filename + download button */
.result-preview-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  background:var(--surface,#fff);
  border-top:1px solid var(--border,#eae7f2);
}
.result-preview-bar .result-info{ flex:1;min-width:0; }
.result-preview-bar .result-dl{
  flex-shrink:0;
  background:linear-gradient(100deg,#7C3AED,#EC4899 52%,#F6A623);
  color:#fff;border:none;
  padding:10px 20px;border-radius:999px;
  font-weight:700;font-size:0.9rem;
  cursor:pointer;
  display:flex;align-items:center;gap:7px;
  white-space:nowrap;
}
.result-preview-bar .result-dl svg{ width:15px;height:15px; }

.result-row{ display:flex;align-items:center;gap:14px; }

.result-card.is-loading-card .result-thumb{
  position:relative;overflow:hidden;background:var(--surface-2,#f7f6fb);
}
.result-card.is-loading-card .result-thumb::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,0.5),transparent);
  animation:vidhub-shimmer 1.3s infinite;
}
[data-theme="dark"] .result-card.is-loading-card .result-thumb::after{
  background:linear-gradient(100deg,transparent,rgba(255,255,255,0.08),transparent);
}
@keyframes vidhub-shimmer{ from{transform:translateX(-100%)} to{transform:translateX(100%)} }

.skeleton-line{ height:10px;border-radius:6px;background:var(--surface-2,#f7f6fb);margin-bottom:6px; }
.skeleton-line.short{ width:40%; }