:root{--vc-primary-color:#007bff;--vc-success-color:#28a745;--vc-warning-color:#ffc107;--vc-danger-color:#dc3545;--vc-info-color:#17a2b8;--vc-dark-color:#343a40;--vc-light-color:#f8f9fa;--vc-border-color:#e9ecef;--vc-text-color:#495057;--vc-text-muted:#6c757d;--vc-border-radius:6px;--vc-transition:all 0.2s ease;--vc-shadow:0 2px 4px rgba(0,0,0,0.1);--vc-shadow-hover:0 4px 12px rgba(0,0,0,0.15)}.video-converter-container{max-width:800px;margin:0 auto;background:#fff;font-size:14px;line-height:1.5;color:var(--vc-text-color)}.video-converter-container *{box-sizing:border-box}.converter-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--vc-border-color)}.converter-title{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--vc-dark-color);display:flex;align-items:center;justify-content:center;gap:10px}.converter-icon{font-size:40px;margin-bottom:15px}h1.converter-title{margin-bottom:0!important}.converter-subtitle{margin:0;color:var(--vc-text-muted);font-size:16px}.converter-upload-section{margin-bottom:30px}.upload-area{border:2px dashed var(--vc-text-muted);border-radius:8px;padding:40px 20px;text-align:center;background:var(--vc-light-color);transition:var(--vc-transition);cursor:pointer;position:relative;min-height:160px;display:flex;align-items:center;justify-content:center}.upload-area:hover{border-color:var(--vc-text-color);background:var(--vc-border-color);transform:translateY(-2px)}.upload-area.dragover{border-color:var(--vc-success-color);background:#f8fff9;border-style:solid}.upload-area.uploading{pointer-events:none;opacity:.7}.upload-content{width:100%}.upload-icon{font-size:48px;display:block;margin-bottom:16px;color:var(--vc-text-muted)}.upload-text{font-size:18px;font-weight:600;color:var(--vc-text-color);margin-bottom:8px}.upload-subtext{color:var(--vc-text-muted);margin-bottom:12px}.upload-formats{font-size:12px;color:#868e96;margin-top:8px}.formats-more{font-style:italic}.file-input{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:1!important}.upload-progress,.progress-container{margin-top:20px;padding:16px;background:var(--vc-light-color);border-radius:var(--vc-border-radius);border:1px solid var(--vc-border-color)}.progress-bar{width:100%;height:8px;background:var(--vc-border-color);border-radius:4px;overflow:hidden;margin-bottom:8px}.conversion-progress-section .progress-bar{height:12px;margin-bottom:12px}.progress-fill{height:100%;background:var(--vc-primary-color);width:0%;transition:width 0.3s ease;border-radius:4px}.progress-text{text-align:center;font-weight:500;color:var(--vc-text-color);font-size:13px}.progress-info{display:flex;justify-content:space-between;align-items:center}.progress-percentage{font-weight:600;color:var(--vc-primary-color);font-size:16px}.file-info-section{margin-bottom:30px;padding:20px;background:#e8f5e8;border-radius:var(--vc-border-radius);border:1px solid #c3e6c3}.section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#2e7d32;display:flex;align-items:center;gap:8px}.section-icon{font-size:18px}.file-details,.progress-details,.success-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #c3e6c3}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:#2e7d32}.detail-value{color:var(--vc-text-color);text-align:right}.conversion-options-section{margin-bottom:30px}.options-group{margin-bottom:24px;padding:20px;background:var(--vc-light-color);border-radius:var(--vc-border-radius);border:1px solid var(--vc-border-color)}.group-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--vc-text-color);display:flex;align-items:center;gap:8px;position:relative}.advanced-group .group-title{margin:0}.group-icon{font-size:18px}.options-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--vc-text-color)}.form-control{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:var(--vc-text-color);background:#fff;transition:border-color 0.2s ease}.form-control:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem rgb(0 123 255 / .25)}.preset-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.preset-btn{padding:12px 16px;border:1px solid #dee2e6;border-radius:var(--vc-border-radius);background:#fff;cursor:pointer;transition:var(--vc-transition);text-align:center;font-weight:500;font-size:13px}.preset-btn:hover{border-color:var(--vc-success-color);background:#f8fff9;transform:translateY(-1px)}.preset-btn.active{border-color:var(--vc-success-color);background:var(--vc-success-color);color:#fff}.preset-name{display:block;font-weight:600;margin-bottom:4px}.preset-desc{font-size:11px;opacity:.8;line-height:1.2}.toggle-advanced{background:none;border:none;color:var(--vc-primary-color);cursor:pointer;font-size:13px;margin-left:auto;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:background-color 0.2s ease}.toggle-advanced:hover{background:rgb(0 123 255 / .1)}.toggle-icon{transition:transform 0.2s ease;font-size:10px}.toggle-advanced.expanded .toggle-icon{transform:rotate(180deg)}.advanced-options{margin-top:16px;padding-top:16px;border-top:1px solid #dee2e6}.convert-button,.download-button,.convert-another-button,.retry-button{border:none;border-radius:var(--vc-border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:var(--vc-transition);display:block;align-items:center;text-decoration:none;padding:12px 24px;width:100%}.convert-button{background:var(--vc-success-color);color:#fff;padding:16px 32px;font-size:16px;width:100%;justify-content:center;gap:8px;letter-spacing:.3px}.convert-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.convert-button:active{transform:translateY(0)}.convert-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.convert-button.converting{background:var(--vc-warning-color);color:#212529}.download-button{background:var(--vc-info-color);color:#fff}.download-button:hover{background:#138496;transform:translateY(-1px)}.convert-another-button{background:var(--vc-text-muted);color:#fff}.convert-another-button:hover{background:#5a6268;transform:translateY(-1px)}.retry-button{background:var(--vc-danger-color);color:#fff;padding:10px 20px}.retry-button:hover{background:#c82333;transform:translateY(-1px)}.button-icon{font-size:18px}.button-text{font-weight:500}.conversion-progress-section{margin-bottom:30px;padding:24px;background:var(--vc-light-color);border-radius:var(--vc-border-radius);border:1px solid var(--vc-border-color)}.progress-details{margin-top:16px;padding-top:16px;border-top:1px solid #dee2e6;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.success-section{margin-bottom:30px;padding:24px;background:#d4edda;border-radius:var(--vc-border-radius);border:1px solid #c3e6cb;text-align:center}.success-title{margin:0 0 12px;font-size:20px;font-weight:600;color:#155724;display:flex;align-items:center;justify-content:center;gap:8px}.success-icon{font-size:24px}.success-message{margin:0 0 20px;color:#155724;font-size:16px}.success-details{margin-bottom:24px;padding:16px;background:rgb(255 255 255 / .5);border-radius:4px;text-align:left}.success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:nowrap}.error-section{margin-bottom:30px;padding:24px;background:#f8d7da;border-radius:var(--vc-border-radius);border:1px solid #f5c6cb;text-align:center}.error-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#721c24;display:flex;align-items:center;justify-content:center;gap:8px}.error-icon{font-size:20px}.error-message{margin-bottom:20px;color:#721c24;padding:12px;background:rgb(255 255 255 / .5);border-radius:4px;font-size:14px}.supported-formats{margin:20px 0 30px;text-align:center;padding:20px;background:var(--vc-light-color);border-radius:8px}.supported-formats h3{color:var(--vc-text-color);margin-bottom:20px;font-size:1.3rem;font-weight:600}.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-width:800px;margin:0 auto}.format-item{padding:10px 15px;background:#fff;border:1px solid var(--vc-border-color);border-radius:4px;font-weight:600;color:var(--vc-text-color);font-size:.9rem;transition:var(--vc-transition)}.format-item:hover{background:var(--vc-light-color);border-color:var(--vc-primary-color);color:var(--vc-primary-color);transform:translateY(-1px)}.user-guide-section{margin-top:20px}.guide-title{font-size:20px;font-weight:600;color:var(--vc-dark-color);margin-bottom:20px;align-items:center;text-align:center;border-bottom:1px solid var(--vc-border-color);padding-bottom:15px}.guide-icon{font-size:24px}.guide-group{margin-bottom:30px;padding:20px;background:var(--vc-light-color);border-radius:8px;border:1px solid var(--vc-border-color)}.guide-subtitle{font-size:18px;font-weight:600;color:var(--vc-text-color);margin-bottom:15px;display:flex;align-items:center;gap:8px}.guide-emoji{font-size:20px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-top:15px}.guide-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #dee2e6;transition:transform 0.2s ease,box-shadow 0.2s ease}.guide-item:hover{transform:translateY(-2px);box-shadow:var(--vc-shadow-hover)}.guide-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.guide-item-header strong{color:var(--vc-dark-color);font-size:16px}.guide-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.guide-badge.recommended{background:#d4edda;color:#155724}.guide-badge.mobile{background:#d1ecf1;color:#0c5460}.guide-badge.social{background:#fce4ec;color:#880e4f}.guide-badge.compress{background:#fff3cd;color:#856404}.guide-badge.quality{background:#e7e3ff;color:#4a148c}.guide-badge.streaming{background:#ffebee;color:#c62828}.guide-badge.web{background:#e3f2fd;color:#1565c0}.guide-badge.legacy{background:#f3e5f5;color:#7b1fa2}.guide-badge.apple{background:#e8f5e8;color:#2e7d32}.guide-badge.advanced{background:#fff8e1;color:#f57c00}.guide-badge.hd{background:#e1f5fe;color:#0277bd}.guide-badge.balanced{background:#f1f8e9;color:#558b2f}.guide-item-desc{color:var(--vc-text-muted);font-size:14px;line-height:1.5;margin-bottom:10px}.guide-item-usage{font-size:13px;color:var(--vc-text-color);background:var(--vc-light-color);padding:8px;border-left:3px solid var(--vc-primary-color)}.guide-explanation{background:var(--vc-border-color);padding:12px;border-radius:var(--vc-border-radius);margin-bottom:15px;color:var(--vc-text-color)}.guide-explanation p{margin:0;font-size:14px}.guide-note{background:#fff3cd;border:1px solid #ffeaa7;padding:12px;border-radius:var(--vc-border-radius);margin-bottom:15px}.guide-note p{margin:0;font-size:15px;color:#856404}.guide-subsection{margin-bottom:20px}.guide-subsection h5{font-size:16px;font-weight:600;color:var(--vc-dark-color);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #dee2e6}.guide-simple-grid{display:grid;grid-template-columns:1fr;gap:8px}.guide-simple-item{padding:10px;background:#fff;border-left:3px solid var(--vc-primary-color);font-size:14px;color:var(--vc-text-color)}.guide-tips{display:grid;grid-template-columns:1fr;gap:12px}.guide-tip{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:var(--vc-border-radius);border:1px solid #dee2e6}.tip-icon{font-size:18px;margin-top:2px;flex-shrink:0}.tip-content{flex:1;font-size:14px;color:var(--vc-text-color);line-height:1.4}.tip-content strong{color:var(--vc-dark-color);display:block;margin-bottom:4px}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}.conversion-options-section,.conversion-progress-section,.success-section,.error-section{animation:fadeIn 0.3s ease}.upload-area.uploading .upload-icon{animation:pulse 1.5s infinite}.convert-button.converting .button-icon{animation:pulse 1s infinite}.upload-area.upload-disabled{background:#f5f5f5!important;border-color:#d6d6d6!important;cursor:not-allowed!important;opacity:0.6!important;pointer-events:none!important}.upload-area.upload-disabled .upload-text{color:#999!important}.upload-area.upload-disabled .upload-subtext{color:#bbb!important}.upload-area.upload-disabled:hover{transform:none!important;border-color:#d6d6d6!important;background:#f5f5f5!important}.form-control:not(input){appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right 11px center!important;background-repeat:no-repeat!important;background-size:25px 20px!important;padding-right:45px!important}@media (max-width:768px){.converter-title{font-size:20px}.upload-area{padding:30px 16px}.upload-text{font-size:16px}.options-row{grid-template-columns:1fr;gap:16px}.preset-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.preset-btn{padding:10px 12px;font-size:12px}.convert-button{padding:14px 24px;font-size:14px}.success-actions{flex-direction:row;align-items:center}.download-button,.convert-another-button{width:100%;max-width:100%;justify-content:center}.file-details,.progress-details,.success-details{grid-template-columns:1fr;text-align:center}.format-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.format-item{padding:8px 12px;font-size:.8rem}.guide-grid{grid-template-columns:1fr}.guide-item-header{flex-direction:column;align-items:flex-start;gap:5px}.guide-subtitle{font-size:16px}}@media (max-width:480px){.success-actions{flex-direction:column}.upload-area{padding:24px 12px;min-height:120px}.upload-icon{font-size:36px;margin-bottom:12px}.preset-buttons{grid-template-columns:1fr}.converter-title{font-size:18px;flex-direction:column;gap:4px}.options-group{padding:14px}.group-title{font-size:14px}.format-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.format-item{padding:6px 10px;font-size:.75rem}.supported-formats h3{font-size:1.1rem}.guide-tip{flex-direction:column;gap:8px}.tip-icon{align-self:flex-start}}@media print{.video-converter-container{border:none;box-shadow:none}.upload-area,.convert-button,.download-button,.convert-another-button,.retry-button{display:none}}