:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}#app{min-height:100vh;padding:2rem 1rem}button{font-family:inherit}.app[data-v-9e6d1a6f]{max-width:1200px;margin:0 auto;padding:2rem}.header[data-v-9e6d1a6f]{text-align:center;margin-bottom:2rem}.header h1[data-v-9e6d1a6f]{font-size:2rem;margin-bottom:.5rem;color:#2c3e50}.header p[data-v-9e6d1a6f]{color:#fff;font-size:.95rem}.drop-zone[data-v-9e6d1a6f]{border:3px dashed #cbd5e0;border-radius:12px;padding:3rem;text-align:center;transition:all .3s;background:#f7fafc;cursor:pointer}.drop-zone.drag-over[data-v-9e6d1a6f]{border-color:#4299e1;background:#ebf8ff;transform:scale(1.02)}.drop-zone-content[data-v-9e6d1a6f]{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon[data-v-9e6d1a6f]{width:64px;height:64px;color:#a0aec0}.drop-zone-text[data-v-9e6d1a6f]{font-size:1.25rem;color:#2d3748;font-weight:500}.drop-zone-subtext[data-v-9e6d1a6f]{color:#718096;font-size:.9rem}.file-input[data-v-9e6d1a6f]{display:none}.file-input-label[data-v-9e6d1a6f]{cursor:pointer}.file-input-button[data-v-9e6d1a6f]{display:inline-block;padding:.75rem 2rem;background:#4299e1;color:#fff;border-radius:8px;font-weight:500;transition:background .2s}.file-input-button[data-v-9e6d1a6f]:hover{background:#3182ce}.files-section[data-v-9e6d1a6f]{margin-top:2rem}.files-header[data-v-9e6d1a6f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.files-header h2[data-v-9e6d1a6f]{font-size:1.5rem;color:#2c3e50}.header-actions[data-v-9e6d1a6f]{display:flex;gap:.5rem}.btn-batch-download[data-v-9e6d1a6f]{padding:.5rem 1rem;background:#4299e1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-batch-download[data-v-9e6d1a6f]:hover:not(:disabled){background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 8px #4299e14d}.btn-batch-download[data-v-9e6d1a6f]:disabled{background:#a0aec0;cursor:not-allowed;opacity:.6}.btn-clear[data-v-9e6d1a6f]{padding:.5rem 1rem;background:#e2e8f0;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.btn-clear[data-v-9e6d1a6f]:hover{background:#cbd5e0}.files-list[data-v-9e6d1a6f]{display:flex;flex-direction:column;gap:1rem}.file-item[data-v-9e6d1a6f]{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:box-shadow .2s}.file-item[data-v-9e6d1a6f]:hover{box-shadow:0 4px 6px #0000001a}.file-item.status-completed[data-v-9e6d1a6f]{border-left:4px solid #48bb78}.file-item.status-error[data-v-9e6d1a6f]{border-left:4px solid #f56565}.file-item.status-processing[data-v-9e6d1a6f]{border-left:4px solid #4299e1}.file-header[data-v-9e6d1a6f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.file-info[data-v-9e6d1a6f]{display:flex;gap:.75rem;flex:1}.file-icon[data-v-9e6d1a6f]{font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f7fafc}.status-completed .file-icon[data-v-9e6d1a6f]{background:#c6f6d5;color:#22543d}.status-error .file-icon[data-v-9e6d1a6f]{background:#fed7d7;color:#742a2a}.status-processing .file-icon[data-v-9e6d1a6f]{background:#bee3f8;color:#2c5282;animation:spin-9e6d1a6f 1s linear infinite}@keyframes spin-9e6d1a6f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-details[data-v-9e6d1a6f]{flex:1}.file-name[data-v-9e6d1a6f]{font-weight:500;color:#2d3748;margin-bottom:.25rem;word-break:break-word}.file-meta[data-v-9e6d1a6f]{font-size:.85rem;color:#718096;display:flex;gap:1rem;flex-wrap:wrap}.file-duration[data-v-9e6d1a6f]{color:#4299e1;font-weight:500}.file-actions[data-v-9e6d1a6f]{display:flex;gap:.5rem}.btn-download[data-v-9e6d1a6f],.btn-remove[data-v-9e6d1a6f]{padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-download[data-v-9e6d1a6f]{background:#48bb78;color:#fff}.btn-download[data-v-9e6d1a6f]:hover{background:#38a169}.btn-remove[data-v-9e6d1a6f]{background:#e2e8f0;color:#2d3748}.btn-remove[data-v-9e6d1a6f]:hover{background:#cbd5e0}.progress-section[data-v-9e6d1a6f]{display:flex;flex-direction:column;gap:.5rem}.progress-bar-container[data-v-9e6d1a6f]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar[data-v-9e6d1a6f]{height:100%;background:linear-gradient(90deg,#4299e1,#3182ce);transition:width .3s;border-radius:4px}.status-completed .progress-bar[data-v-9e6d1a6f]{background:linear-gradient(90deg,#48bb78,#38a169)}.status-error .progress-bar[data-v-9e6d1a6f]{background:linear-gradient(90deg,#f56565,#e53e3e)}.progress-text[data-v-9e6d1a6f]{font-size:.85rem;color:#718096}.footer[data-v-9e6d1a6f]{margin-top:3rem;padding:2rem 0 1rem;border-top:1px solid rgba(255,255,255,.2)}.footer-content[data-v-9e6d1a6f]{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-section[data-v-9e6d1a6f]{display:flex;align-items:center;gap:.5rem}.footer-label[data-v-9e6d1a6f]{color:#ffffffe6;font-size:.9rem;font-weight:500}.footer-divider[data-v-9e6d1a6f]{color:#fff6;font-size:1.2rem}.footer-link[data-v-9e6d1a6f]{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ffffff1a;color:#fffffff2;text-decoration:none;border-radius:6px;font-size:.85rem;font-weight:500;transition:all .3s;border:1px solid rgba(255,255,255,.2)}.footer-link[data-v-9e6d1a6f]:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.footer-link svg[data-v-9e6d1a6f]{transition:transform .3s;flex-shrink:0}.footer-link:hover svg[data-v-9e6d1a6f]{transform:rotate(360deg)}.desktop-link[data-v-9e6d1a6f]:hover{background:#48bb7833;border-color:#48bb7866;color:#48bb78}.web-link[data-v-9e6d1a6f]:hover{background:#4299e133;border-color:#4299e166;color:#4299e1}@media(max-width:768px){.footer-content[data-v-9e6d1a6f]{flex-direction:column;gap:1rem}.footer-divider[data-v-9e6d1a6f]{display:none}.footer-section[data-v-9e6d1a6f]{flex-direction:column;text-align:center;gap:.5rem}}