.detail-value font-weight: 600; color: #e2e8f0; font-size: 1rem; display: flex; align-items: center; gap: 0.3rem;
// Real download with fetch & progress (if DOWNLOAD_URL is provided) async function startRealDownload(url, filename) return new Promise((resolve, reject) => xhrRequest = new XMLHttpRequest(); xhrRequest.open('GET', url, true); xhrRequest.responseType = 'blob'; xhrRequest.onprogress = (event) => if (event.lengthComputable) const percentComplete = (event.loaded / event.total) * 100; currentProgress = percentComplete; progressFill.style.width = `$percentComplete%`; progressPercentSpan.innerText = `$Math.floor(percentComplete)%`; else // if length not computable, show incremental progressPercentSpan.innerText = `⬇️ $Math.floor(currentProgress)%`; ; xhrRequest.onload = () => if (xhrRequest.status === 200) const blob = xhrRequest.response; triggerFileDownload(blob, filename); resolve(true); else reject(new Error(`HTTP $xhrRequest.status`)); ; xhrRequest.onerror = () => reject(new Error('Network error')); xhrRequest.send(); ); Download - Kabir.Singh.2019.720p.HEVC.WeB-DL.H...
.detail-label font-size: 0.7rem; text-transform: uppercase; font-weight: 600; color: #5f7f9e; letter-spacing: 0.5px; .detail-value font-weight: 600
/* details grid */ .details-grid display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1rem; background: #0f172ab3; padding: 1.2rem; border-radius: 1.5rem; margin-bottom: 2rem; border: 1px solid #1e2a44; filename) return new Promise((resolve
/* file header */ .file-badge display: inline-flex; align-items: center; gap: 0.5rem; background: #1e2a3e; padding: 0.3rem 1rem; border-radius: 40px; font-size: 0.75rem; font-weight: 500; color: #94a3b8; letter-spacing: 0.3px; margin-bottom: 1.5rem;
<!-- metadata grid --> <div class="details-grid"> <div class="detail-item"> <div class="detail-label">🎞️ Format</div> <div class="detail-value">MKV (HEVC Main)</div> </div> <div class="detail-item"> <div class="detail-label">📦 Size</div> <div class="detail-value" id="fileSize">1.24 GB</div> </div> <div class="detail-item"> <div class="detail-label">🔊 Audio</div> <div class="detail-value">AAC 5.1 · Hindi</div> </div> <div class="detail-item"> <div class="detail-label">🌐 Source</div> <div class="detail-value">Web-DL (Prime)</div> </div> </div>
.file-icon font-size: 1.2rem;