.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)}}.color-section{margin-bottom:24px}.color-section h3{color:#333;margin-bottom:12px;font-size:16px;font-weight:600}.color-picker-container{align-items:center;gap:10px;margin-bottom:8px;display:flex}.color-input{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:60px;height:44px;padding:4px}.color-input:hover{border-color:#667eea}.color-text-input{border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:10px 12px;font-family:Courier New,monospace;font-size:14px;transition:border-color .2s}.color-text-input:focus{border-color:#667eea;outline:none}.reset-color-btn{cursor:pointer;color:#666;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.reset-color-btn:hover{color:#333;background:#e9ecef;border-color:#ccc}.color-hint{color:#666;margin-top:8px;font-size:12px;display:block}@media (max-width:768px){.format-grid,.resolution-grid{grid-template-columns:repeat(2,1fr)}.download-modal{padding:24px}.color-picker-container{flex-wrap:wrap}.color-input{width:50px;height:40px}.color-text-input{flex:1;min-width:120px}.reset-color-btn{padding:8px 12px;font-size:13px}}