.download-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.download-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:32px;position:relative;overflow-y:auto}.modal-close-btn{cursor:pointer;color:#666;background:0 0;border:none;font-size:24px;transition:color .2s;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:#000}.download-modal h2{color:#1a1a1a;margin:0 0 24px;font-size:24px}.format-section,.resolution-section{margin-bottom:24px}.format-section h3,.resolution-section h3{color:#333;margin-bottom:12px;font-size:16px;font-weight:600}.format-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.format-card{cursor:pointer;text-align:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:16px;transition:all .2s;position:relative}.format-card:hover{background:#e9ecef;transform:translateY(-2px)}.format-card.selected{background:#e8f5e9;border-color:#4caf50}.format-label{color:#1a1a1a;margin-bottom:4px;font-size:18px;font-weight:700}.format-description{color:#666;font-size:12px}.resolution-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.resolution-card{cursor:pointer;text-align:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;padding:12px;transition:all .2s;position:relative}.resolution-card:hover{background:#e9ecef;transform:translateY(-2px)}.resolution-card.selected{background:#e3f2fd;border-color:#2196f3}.resolution-label{color:#1a1a1a;margin-bottom:2px;font-size:14px;font-weight:600}.resolution-size{color:#666;font-size:11px}.check-icon{color:#4caf50;font-size:16px;position:absolute;top:8px;right:8px}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.download-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.format-grid,.resolution-grid{grid-template-columns:repeat(2,1fr)}.download-modal{padding:24px}}