.result-card { position: relative; border: 3px solid transparent; }
.result-card.video-selected { border-color: #1677ff; box-shadow: 0 10px 30px rgba(22,119,255,.25); }
.video-photo-select { position: absolute; z-index: 3; right: 10px; top: 10px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; color: #fff; background: rgba(16,35,63,.78); font-weight: 700; cursor: pointer; backdrop-filter: blur(5px); }
.video-selected .video-photo-select { background: #1677ff; }
.video-edit-bar { position: sticky; z-index: 8; bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 22px 0; padding: 16px 18px; border: 1px solid #cfe2fa; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 18px 50px rgba(30,81,137,.2); backdrop-filter: blur(10px); }
.video-edit-bar[hidden], .video-edit-status[hidden] { display: none; }
.video-edit-bar > div, .video-edit-status { display: grid; gap: 5px; }
.video-edit-bar span, .video-edit-status span { color: var(--muted); font-size: 13px; }
.video-edit-bar .cta { white-space: nowrap; padding: 13px 20px; font-size: 14px; }
.video-edit-bar > .video-edit-actions { display:flex; align-items:center; gap:10px; }
.video-edit-actions button { min-height:44px; padding:11px 20px; border:1px solid #9bc4ff; border-radius:12px; color:#0759c7; background:#eaf3ff; font-size:14px; font-weight:700; white-space:nowrap; cursor:pointer; }
.video-edit-actions button:disabled { opacity:.48; cursor:not-allowed; }
.video-edit-actions .cta { color:#fff; border:0; background:linear-gradient(120deg,#106cff,#1598ee); }
.video-edit-status { margin: 20px 0; padding: 18px; border: 1px solid #b9dcfa; border-radius: 16px; background: #edf7ff; }
.video-edit-status b { color: #0872c9; }
.video-edit-status video { width: min(720px,100%); margin-top: 10px; border-radius: 12px; background: #08111f; }
.video-choice-card { width: min(820px,100%); }
.video-choice-card video { display: block; width: 100%; aspect-ratio: 16/9; margin: 20px 0; border-radius: 16px; background: #08111f; }
.video-choice-card video[hidden] { display: none; }
.video-choice-progress { margin: 28px 0 12px; padding: 24px; border: 1px solid #c5dcf6; border-radius: 18px; background: linear-gradient(145deg,#f4f9ff,#edf6ff); }
.video-choice-progress[hidden] { display: none; }
.video-progress-copy { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #12345a; }
.video-progress-copy span { color: #0878df; font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; }
.video-progress-track { overflow: hidden; height: 14px; margin-top: 16px; border-radius: 999px; background: #d7e7f8; box-shadow: inset 0 1px 3px rgba(25,70,115,.12); }
.video-progress-fill { width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#0879f9,#22b9ed); transition: width .3s ease; }
.video-choice-progress p { margin: 14px 0 0; color: var(--muted); line-height: 1.7; }
.video-choice-actions { display: grid; grid-template-columns: 1fr 1.35fr minmax(112px,.45fr); gap: 12px; margin-top: 16px; }
.video-choice-actions button { min-height: 52px; border: 1px solid #bfd4eb; border-radius: 13px; color: #28597e; background: #fff; font-size: 15px; font-weight: 700; cursor: pointer; }
.video-choice-actions .cta { color: #fff; border: 0; background: linear-gradient(120deg,#106cff,#1598ee); }
.video-choice-actions #videoChoiceClose { min-width: 112px; padding: 0 24px; }
.video-progress-close { display: block; min-width: 132px; min-height: 48px; margin: 20px 0 0 auto; padding: 0 28px; border: 1px solid #a9c9eb; border-radius: 12px; color: #22577f; background: #fff; font-size: 15px; font-weight: 700; cursor: pointer; }
.video-choice-card > small { display: block; margin-top: 15px; color: var(--muted); line-height: 1.6; }
@media (max-width: 600px) { .video-edit-bar { align-items: stretch; flex-direction: column; } .video-edit-bar > .video-edit-actions { display:grid; grid-template-columns:1fr 1fr; } .video-edit-actions button { width:100%; } }
@media (max-width: 600px) { .video-choice-actions { grid-template-columns: 1fr 1fr; } .video-choice-actions #videoChoiceClose { grid-column: 1 / -1; } }