.facebook-downloader-container{max-width:1200px;margin:0 auto;padding:40px 20px}.facebook-hero{text-align:center;margin-bottom:40px}.facebook-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:2.5rem;font-weight:700;color:#1c1e21;margin:0 0 12px 0}@media(max-width: 768px){.facebook-title{font-size:2rem}}.facebook-icon{color:#1877f2;flex-shrink:0}.facebook-subtitle{font-size:1.125rem;color:#65676b;margin:0}.facebook-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:32px;margin-bottom:32px}@media(max-width: 768px){.facebook-card{padding:20px}}.facebook-input-section{margin-bottom:24px}.facebook-label{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#1c1e21;margin-bottom:12px}.facebook-label svg{color:#1877f2}.facebook-input-wrapper{display:flex;gap:12px}@media(max-width: 640px){.facebook-input-wrapper{flex-direction:column}}.facebook-input{flex:1;padding:14px 18px;font-size:1rem;border:2px solid #dfe3e8;border-radius:8px;transition:all .2s ease}.facebook-input:focus{outline:none;border-color:#1877f2;box-shadow:0 0 0 4px rgba(24,119,242,.1)}.facebook-input::placeholder{color:#bdbdbd}.facebook-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.facebook-btn:disabled{opacity:.6;cursor:not-allowed}.facebook-btn-primary{background:#1877f2;color:#fff}.facebook-btn-primary:hover:not(:disabled){background:#166fe5;transform:translateY(-1px)}.facebook-btn-primary:active:not(:disabled){transform:translateY(0)}.facebook-btn-download{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;width:100%}.facebook-btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,.3)}.facebook-btn-icon{flex-shrink:0}.facebook-hint{margin-top:8px;font-size:.875rem;color:#65676b}.facebook-status{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;margin-bottom:20px;background:#e7f3ff;border-left:4px solid #1877f2}.facebook-status.success{background:#d1f2eb;border-left-color:#10b981}.facebook-status.success .facebook-status-icon{color:#10b981}.facebook-status.error{background:#fee;border-left-color:#ef4444}.facebook-status.error .facebook-status-icon{color:#ef4444}.facebook-status.loading .facebook-status-icon svg{animation:spin 1s linear infinite}.facebook-status-icon{flex-shrink:0;color:#1877f2}.facebook-status-text{margin:0;font-size:.95rem;color:#1c1e21}.facebook-preview{display:grid;grid-template-columns:300px 1fr;gap:24px;padding-top:24px;border-top:1px solid #dfe3e8}@media(max-width: 968px){.facebook-preview{grid-template-columns:1fr}}.facebook-preview-video{position:relative}.facebook-thumbnail-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#f0f2f5;box-shadow:0 4px 12px rgba(0,0,0,.1);height:100%}.facebook-thumbnail{width:100%;height:auto;display:block}.facebook-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:64px;height:64px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.facebook-play-overlay:hover{background:rgba(0,0,0,.85);transform:translate(-50%, -50%) scale(1.1)}.facebook-preview-info{display:flex;flex-direction:column;gap:16px}.facebook-preview-title{font-size:1.25rem;font-weight:600;color:#1c1e21;margin:0;line-height:1.4}.facebook-meta{display:flex;flex-wrap:wrap;gap:20px}.facebook-meta-item{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#65676b}.facebook-meta-item svg{color:#1877f2;flex-shrink:0}.facebook-quality-options{display:flex;flex-wrap:wrap;gap:12px}.facebook-quality-btn{padding:8px 16px;font-size:.875rem;font-weight:600;background:#e7f3ff;color:#1877f2;border:2px solid #dfe3e8;border-radius:6px;cursor:pointer;transition:all .2s ease}.facebook-quality-btn:hover{background:#1877f2;color:#fff;border-color:#1877f2}.facebook-quality-btn.active{background:#1877f2;color:#fff;border-color:#1877f2}.facebook-actions{display:flex;gap:12px;margin-top:8px}.facebook-features{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px;margin-bottom:40px}.facebook-feature{background:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center;transition:all .3s ease}.facebook-feature:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.facebook-feature h4{font-size:1.125rem;font-weight:600;color:#1c1e21;margin:12px 0 8px}.facebook-feature p{font-size:.95rem;color:#65676b;margin:0}.facebook-feature-icon{width:56px;height:56px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#e7f3ff;border-radius:50%;color:#1877f2}.facebook-guide{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.facebook-guide h3{font-size:1.5rem;font-weight:600;color:#1c1e21;margin:0 0 20px}.facebook-steps{padding-left:20px;margin:0 0 24px}.facebook-steps li{font-size:1rem;line-height:1.8;color:#65676b;margin-bottom:12px}.facebook-steps li strong{color:#1c1e21;font-weight:600}.facebook-note{display:flex;gap:12px;padding:16px;background:#e7f3ff;border-left:4px solid #1877f2;border-radius:8px}.facebook-note svg{flex-shrink:0;color:#1877f2;margin-top:2px}.facebook-note div{font-size:.95rem;color:#65676b}.facebook-note div strong{color:#1c1e21}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}