.converter[data-v-21b03fe5]{position:relative}.loading-banner[data-v-21b03fe5]{align-items:center;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;margin-bottom:16px;padding:14px 20px}.spinner-small[data-v-21b03fe5]{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.drop-zone[data-v-21b03fe5]{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:20px;cursor:pointer;padding:48px;text-align:center;transition:all .3s ease}.drop-zone.drag-over[data-v-21b03fe5],.drop-zone[data-v-21b03fe5]:hover{background:#6366f10d;border-color:var(--accent)}.drop-zone.has-files[data-v-21b03fe5]{cursor:default;padding:24px}.drop-content[data-v-21b03fe5]{align-items:center;display:flex;flex-direction:column;gap:16px}.drop-icon[data-v-21b03fe5]{color:var(--text-muted)}.drop-content h3[data-v-21b03fe5]{font-size:20px;font-weight:600}.drop-content p[data-v-21b03fe5]{color:var(--text-secondary)}.supported-formats[data-v-21b03fe5]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.files-header[data-v-21b03fe5]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.files-header h3[data-v-21b03fe5]{font-size:16px}.files-grid[data-v-21b03fe5]{display:grid;gap:12px;max-height:300px;overflow-y:auto}.file-item[data-v-21b03fe5]{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;gap:12px;padding:12px}.file-icon[data-v-21b03fe5],.file-item[data-v-21b03fe5]{align-items:center;display:flex}.file-icon[data-v-21b03fe5]{background:var(--bg-hover);border-radius:8px;flex-shrink:0;font-size:20px;height:40px;justify-content:center;overflow:hidden;width:40px}.file-thumbnail[data-v-21b03fe5]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.file-info[data-v-21b03fe5]{flex:1;overflow:hidden;text-align:left}.file-name[data-v-21b03fe5]{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-21b03fe5]{color:var(--text-muted);font-size:12px}.file-remove[data-v-21b03fe5]{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;padding:8px;transition:all .2s ease}.file-remove[data-v-21b03fe5]:hover{background:#ef44441a;color:var(--error)}.add-more-btn[data-v-21b03fe5]{margin-top:12px;width:100%}.media-preview-panel[data-v-21b03fe5]{align-items:flex-start;background:var(--bg-tertiary);border-radius:12px;display:flex;gap:16px;margin-top:16px;padding:16px}.preview-container[data-v-21b03fe5]{flex-shrink:0}.media-preview[data-v-21b03fe5]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;max-height:90px;max-width:120px;-o-object-fit:contain;object-fit:contain}.waveform-container[data-v-21b03fe5]{flex:1;min-width:0}.audio-waveform[data-v-21b03fe5]{background:var(--bg-secondary);border-radius:8px;height:60px;-o-object-fit:contain;object-fit:contain;width:100%}.file-info-panel[data-v-21b03fe5]{align-content:flex-start;display:flex;flex-wrap:wrap;gap:16px}.info-item[data-v-21b03fe5]{display:flex;flex-direction:column;gap:2px}.info-label[data-v-21b03fe5]{color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.info-value[data-v-21b03fe5]{color:var(--text-primary);font-size:14px;font-weight:500}.info-value.lossless[data-v-21b03fe5]{color:var(--success)}.conversion-options[data-v-21b03fe5]{margin-top:32px}.conversion-options h3[data-v-21b03fe5]{font-size:18px;margin-bottom:20px}.presets-grid[data-v-21b03fe5]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.preset-card[data-v-21b03fe5]{align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center;transition:all .2s ease}.preset-card[data-v-21b03fe5]:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.preset-card.selected[data-v-21b03fe5]{background:#6366f11a;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.preset-icon[data-v-21b03fe5]{font-size:32px}.preset-name[data-v-21b03fe5]{font-size:14px;font-weight:600}.preset-desc[data-v-21b03fe5]{color:var(--text-muted);font-size:12px}.preset-thumbnail[data-v-21b03fe5]{border:2px solid var(--border);border-radius:6px;height:36px;-o-object-fit:cover;object-fit:cover;width:48px}.preset-card.selected .preset-thumbnail[data-v-21b03fe5]{border-color:var(--accent)}.frame-picker[data-v-21b03fe5]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:16px}.frame-picker-header[data-v-21b03fe5]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.frame-picker-header label[data-v-21b03fe5]{color:var(--text-secondary);font-size:13px;font-weight:500}.format-select[data-v-21b03fe5]{align-items:center;display:flex;gap:8px}.format-label[data-v-21b03fe5]{color:var(--text-muted);font-size:12px}.select-small[data-v-21b03fe5]{font-size:13px;padding:6px 10px}.frame-picker-content[data-v-21b03fe5]{align-items:center;display:flex;gap:16px}.frame-preview[data-v-21b03fe5]{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;height:90px;-o-object-fit:contain;object-fit:contain;width:160px}.frame-controls[data-v-21b03fe5]{display:flex;flex:1;flex-direction:column;gap:8px}.frame-slider[data-v-21b03fe5]{width:100%}.frame-time[data-v-21b03fe5]{color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums}@media(max-width:640px){.media-preview-panel[data-v-21b03fe5]{align-items:center;flex-direction:column}.media-preview[data-v-21b03fe5]{max-height:150px;max-width:200px}.file-info-panel[data-v-21b03fe5]{justify-content:center}.frame-picker-content[data-v-21b03fe5]{flex-direction:column}.frame-preview[data-v-21b03fe5]{aspect-ratio:16/9;height:auto;width:100%}}.advanced-toggle[data-v-21b03fe5]{margin-top:24px}.advanced-options[data-v-21b03fe5]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:grid;gap:20px;margin-top:16px;padding:20px}.option-group label[data-v-21b03fe5]{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.option-row[data-v-21b03fe5]{align-items:center;display:flex;gap:16px}.option-row input[type=range][data-v-21b03fe5]{flex:1}.option-value[data-v-21b03fe5]{color:var(--accent);font-weight:500;min-width:60px;text-align:right}.detected-info[data-v-21b03fe5]{background:var(--bg-tertiary);color:var(--text-secondary)}.detected-info[data-v-21b03fe5],.lossless-note[data-v-21b03fe5]{border-radius:6px;display:inline-block;font-size:12px;margin-bottom:8px;padding:6px 10px}.lossless-note[data-v-21b03fe5],.lossless-notice[data-v-21b03fe5]{background:#22c55e1a;color:var(--success)}.lossless-notice[data-v-21b03fe5]{border:1px solid rgba(34,197,94,.2);border-radius:8px;font-size:13px;padding:12px 16px;text-align:center}.tier-selector[data-v-21b03fe5]{display:flex;gap:8px}.tier-btn[data-v-21b03fe5]{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s ease}.tier-btn[data-v-21b03fe5]:hover{border-color:var(--border-hover)}.tier-btn.active[data-v-21b03fe5]{background:#6366f11a;border-color:var(--accent)}.tier-name[data-v-21b03fe5]{color:var(--text-primary);font-size:14px;font-weight:600}.tier-limit[data-v-21b03fe5]{color:var(--text-muted);font-size:12px}.tier-btn.active .tier-limit[data-v-21b03fe5]{color:var(--accent)}.compression-info[data-v-21b03fe5]{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;font-size:13px;gap:8px;padding:10px 14px}.compression-info .info-label[data-v-21b03fe5]{color:var(--text-muted)}.compression-info .info-value[data-v-21b03fe5]{color:var(--text-primary);font-weight:500}.resize-controls[data-v-21b03fe5]{display:flex;flex-direction:column;gap:12px}.custom-size-inputs[data-v-21b03fe5]{align-items:center;display:flex;gap:8px}.size-input-group[data-v-21b03fe5]{align-items:center;display:flex;gap:6px}.size-input[data-v-21b03fe5]{text-align:center;width:90px}.size-label[data-v-21b03fe5]{color:var(--text-muted);font-size:12px;font-weight:500}.aspect-lock-btn[data-v-21b03fe5]{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.aspect-lock-btn[data-v-21b03fe5]:hover{border-color:var(--border-hover);color:var(--text-secondary)}.aspect-lock-btn.locked[data-v-21b03fe5]{background:#6366f11a;border-color:var(--accent);color:var(--accent)}.convert-btn[data-v-21b03fe5]{font-size:16px;margin-top:24px;padding:16px;width:100%}.progress-section[data-v-21b03fe5]{margin-top:20px;text-align:center}.progress-text[data-v-21b03fe5]{color:var(--text-secondary);font-size:14px;margin-top:12px}.error-message[data-v-21b03fe5]{align-items:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:var(--error);display:flex;gap:10px;margin-top:20px;padding:16px}.result-section[data-v-21b03fe5]{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:16px;margin-top:24px;overflow:hidden}.result-header[data-v-21b03fe5]{justify-content:space-between;padding:20px}.result-header[data-v-21b03fe5],.result-title[data-v-21b03fe5]{align-items:center;display:flex;gap:16px}.result-title h4[data-v-21b03fe5]{color:var(--success);font-size:16px}.result-title p[data-v-21b03fe5]{color:var(--text-secondary);font-size:14px;margin-top:2px}.result-icon[data-v-21b03fe5]{align-items:center;background:var(--success);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.result-files[data-v-21b03fe5]{border-top:1px solid rgba(34,197,94,.2);max-height:200px;overflow-y:auto}.result-file-item[data-v-21b03fe5]{align-items:center;border-bottom:1px solid rgba(34,197,94,.1);display:flex;gap:12px;padding:12px 20px}.result-file-item[data-v-21b03fe5]:last-child{border-bottom:none}.result-filename[data-v-21b03fe5]{color:var(--text-primary);flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-filesize[data-v-21b03fe5]{color:var(--text-muted);flex-shrink:0;font-size:13px}.btn-small[data-v-21b03fe5]{padding:6px 10px}.download-buttons[data-v-21b03fe5]{display:flex;gap:8px}.download-buttons .btn[data-v-21b03fe5]{gap:6px}.save-success[data-v-21b03fe5]{color:var(--success)!important}.result-header .btn[data-v-21b03fe5]{gap:8px}@media(max-width:640px){.drop-zone[data-v-21b03fe5]{padding:32px 16px}.presets-grid[data-v-21b03fe5]{grid-template-columns:repeat(2,1fr)}.result-card[data-v-21b03fe5]{flex-direction:column;text-align:center}}.feedback-fab[data-v-645ee2be]{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:100px;bottom:20px;box-shadow:0 6px 20px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;position:fixed;right:20px;transition:transform .15s ease,box-shadow .15s ease;z-index:40}.feedback-fab[data-v-645ee2be]:hover{box-shadow:0 8px 24px #6366f180;transform:translateY(-1px)}.feedback-modal[data-v-645ee2be]{align-items:flex-end;background:#0000008c;display:flex;inset:0;justify-content:flex-end;padding:20px;position:fixed;z-index:60}.feedback-panel[data-v-645ee2be]{background:var(--bg-secondary,#1a1a1e);border:1px solid var(--border,hsla(0,0%,100%,.1));border-radius:16px;box-shadow:0 20px 40px #00000080;color:var(--text-primary,#fff);max-width:420px;padding:20px;width:100%}.feedback-head[data-v-645ee2be]{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.feedback-head h4[data-v-645ee2be]{font-size:17px;font-weight:700;margin:0}.feedback-close[data-v-645ee2be]{background:none;border:none;color:var(--text-muted,#888);cursor:pointer;font-size:24px;line-height:1;padding:0 6px}.feedback-hint[data-v-645ee2be]{color:var(--text-secondary,#aaa);font-size:13px;margin:0 0 12px}.feedback-email[data-v-645ee2be],.feedback-textarea[data-v-645ee2be]{background:var(--bg-tertiary,#0f0f13);border:1px solid var(--border,hsla(0,0%,100%,.15));border-radius:8px;box-sizing:border-box;color:inherit;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.feedback-email[data-v-645ee2be]:focus,.feedback-textarea[data-v-645ee2be]:focus{border-color:#6366f1;outline:none}.feedback-email[data-v-645ee2be]{margin-top:10px}.feedback-actions[data-v-645ee2be]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:14px}.feedback-status[data-v-645ee2be]{color:var(--text-muted,#888);font-size:12px}.feedback-status[data-state=sent][data-v-645ee2be]{color:#10b981}.feedback-status[data-state=error][data-v-645ee2be]{color:#ef4444}.feedback-submit[data-v-645ee2be]{background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.feedback-submit[data-v-645ee2be]:disabled{cursor:not-allowed;opacity:.5}@media(max-width:480px){.feedback-fab span[data-v-645ee2be]{display:none}.feedback-fab[data-v-645ee2be]{padding:12px}.feedback-modal[data-v-645ee2be]{align-items:stretch;padding:0}.feedback-panel[data-v-645ee2be]{border-radius:16px 16px 0 0;max-width:100%}}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-hover:#22222f;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#606070;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:rgba(99,102,241,.3);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--border:#2a2a3a;--border-hover:#3a3a4a;--gradient-1:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);--gradient-2:linear-gradient(135deg,#06b6d4,#6366f1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{margin:0 auto;max-width:1200px;padding:0 24px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;outline:none;padding:12px 24px;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 30px var(--accent-glow)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:24px}.select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease}.select:hover{border-color:var(--border-hover)}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease}.input:hover{border-color:var(--border-hover)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input[type=range]{-webkit-appearance:none;background:var(--bg-tertiary);border-radius:3px;height:6px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 15px var(--accent-glow);transform:scale(1.1)}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-wrapper input{display:none}.checkbox-custom{align-items:center;border:2px solid var(--border);border-radius:6px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.checkbox-wrapper input:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent)}.checkbox-custom svg{height:12px;opacity:0;stroke:#fff;stroke-width:3;transition:opacity .2s ease;width:12px}.checkbox-wrapper input:checked+.checkbox-custom svg{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease}.progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:var(--gradient-1);border-radius:4px;height:100%;transition:width .3s ease}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.badge-video{background:#ef444433;color:#f87171}.badge-image{background:#22c55e33;color:#4ade80}.badge-audio{background:#6366f133;color:#818cf8}.tooltip{position:relative}.tooltip:after{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;bottom:100%;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translate(-50%);transition:all .2s ease;white-space:nowrap}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-5px)}.app[data-v-1418cc89]{display:flex;flex-direction:column;min-height:100vh}.header[data-v-1418cc89]{border-bottom:1px solid var(--border);padding:20px 0}.header-content[data-v-1418cc89]{flex-wrap:wrap;gap:16px;justify-content:space-between}.header-content[data-v-1418cc89],.logo[data-v-1418cc89]{align-items:center;display:flex}.logo[data-v-1418cc89]{color:inherit;gap:12px;text-decoration:none}.logo-mark[data-v-1418cc89]{flex-shrink:0}.logo-text[data-v-1418cc89]{background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;font-feature-settings:"ss01";font-size:26px;font-weight:800;letter-spacing:-.02em;-webkit-text-fill-color:transparent;background-clip:text}.header-badge[data-v-1418cc89]{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:100px;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;padding:8px 16px}.header-badge svg[data-v-1418cc89]{color:var(--success)}.main[data-v-1418cc89]{flex:1;padding:48px 0}.footer[data-v-1418cc89]{border-top:1px solid var(--border);padding:24px 0;text-align:center}.footer p[data-v-1418cc89]{color:var(--text-muted);font-size:13px}@media(max-width:640px){.header-badge[data-v-1418cc89]{font-size:11px;padding:6px 12px}}