*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f8fafc;line-height:1.6}.site-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.brand{font-size:1.25rem;font-weight:800;color:#111827;text-decoration:none}.brand span{font-weight:500}.site-header nav{display:flex;gap:20px}.site-header nav a,footer a{color:#4b5563;text-decoration:none}.site-header nav a:hover,footer a:hover{text-decoration:underline}.hero{padding:90px 20px 70px;text-align:center;background:linear-gradient(180deg,#fff,#f8fafc)}.hero.compact{padding-top:60px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:#6b7280}.hero h1{font-size:clamp(2.3rem,7vw,4.7rem);line-height:1.05;margin:12px 0}.lead{max-width:720px;margin:0 auto 30px;color:#6b7280;font-size:1.1rem}.downloader-card{max-width:760px;margin:0 auto;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.07);display:flex;gap:10px;flex-wrap:wrap}.downloader-card input{flex:1 1 430px;min-width:0;padding:17px;border:1px solid #d1d5db;border-radius:12px;font-size:1rem;outline:none}.downloader-card input:focus{border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.08)}button{border:0;border-radius:12px;padding:0 22px;background:#111827;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;min-height:54px}button:hover{opacity:.9}button:disabled{opacity:.55;cursor:not-allowed}.legal-note{width:100%;font-size:.78rem;color:#6b7280;margin:0}.status{width:100%;text-align:left;font-size:.92rem}.status.error{color:#b91c1c}.status.success{color:#166534}.content-section{max-width:1050px;margin:0 auto;padding:60px 20px}.content-section.narrow{max-width:760px}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.platform-grid a{background:#fff;border:1px solid #e5e7eb;padding:18px;border-radius:12px;color:#111827;text-decoration:none;font-weight:700}.platform-grid a:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.06)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px}.steps b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111827;color:#fff}.steps h3{margin-bottom:4px}footer{margin-top:40px;padding:40px 6%;background:#111827;color:#d1d5db;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer strong{color:#fff}.footer-links{display:flex;gap:18px;flex-wrap:wrap}footer a{color:#d1d5db}@media(max-width:650px){.site-header{padding:0 20px}.site-header nav{gap:10px;font-size:.9rem}.hero{padding-top:60px}.downloader-card{padding:10px}.downloader-card button{width:100%}.steps{grid-template-columns:1fr}footer{padding:30px 20px}}
/* Separate Video / Audio download tabs */
.format-results {
    width: 100%;
    margin-top: 24px;
    text-align: left;
}

.format-results h2 {
    margin: 0 0 16px;
    font-size: 1.25rem;
}

.download-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 14px;
    padding: 5px;
    background: #eef0f3;
    border-radius: 13px;
}

.download-tab {
    min-height: 46px;
    padding: 0 14px;
    background: transparent;
    color: #4b5563;
    border-radius: 9px;
}

.download-tab.active {
    background: #111827;
    color: #fff;
}

.download-panel {
    display: none;
}

.download-panel.active {
    display: block;
}

.format-list {
    width: 100%;
}

.format-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid #e5e7eb;
}

.format-info {
    min-width: 0;
    font-size: .98rem;
    color: #111827;
}

.format-download {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 16px;
}

.empty-formats {
    color: #6b7280;
    padding: 20px 0;
}

@media (max-width: 560px) {
    .format-row {
        flex-direction: column;
        align-items: stretch;
    }

    .format-download {
        width: 100%;
    }
}