name: "MyApp Setup (Windows).exe", path: "installers/MyApp_Setup.exe", size: "48.3 MB", type: "Installer" ,
.section-title font-size: 1.3rem; font-weight: 600; margin-bottom: 1.2rem; display: flex; align-items: baseline; gap: 10px; border-bottom: 2px solid #e2e8f0; padding-bottom: 0.5rem;
<div class="offline-notice"> ⚡ <strong>Offline-ready mode</strong> — This HTML works fully offline. All downloads are local copies or direct relative paths. </div>
.sub margin-top: 0.75rem; opacity: 0.85; font-size: 1rem; border-left: 3px solid #38bdf8; padding-left: 1rem;
.download-btn background: #0f172a; color: white; border: none; padding: 0.6rem 1.4rem; border-radius: 2rem; font-weight: 500; font-size: 0.85rem; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-family: inherit;
// Helper: get file extension icon function getFileIcon(fileName)
if (fileCatalog.length === 0) container.innerHTML = `<div style="background: #fef2f2; padding: 2rem; text-align: center; border-radius: 1rem;"> ⚠️ No files configured. Edit the "fileCatalog" array inside the script to add your offline downloads. </div>`; return;
.container max-width: 1100px; margin: 0 auto; background: white; border-radius: 2rem; box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid #e2e8f0;
.badge background: #38bdf8; font-size: 0.8rem; font-weight: 500; padding: 0.2rem 0.8rem; border-radius: 40px; background: #3b82f6; color: white;
