.demo-card[data-v-0106d5a9]{border:1px solid var(--color-card-default-border,#d1d5db);background:var(--feature-theme-primary-panel-bg,#fff);border-radius:20px;box-shadow:0 16px 40px #0f172a0f}.result-card[data-v-0106d5a9]{flex-direction:column;flex:1;height:100%;display:flex}.card-header[data-v-0106d5a9]{color:#0f172a;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.card-header__icon[data-v-0106d5a9]{color:var(--color-primary-400);font-size:1rem}.is-spinning[data-v-0106d5a9]{animation:1s linear infinite spin-0106d5a9}[data-v-0106d5a9] .el-card__header{border-bottom:1px solid var(--color-card-default-border,#d1d5db);padding:18px 20px}[data-v-0106d5a9] .el-card__body{flex-direction:column;flex:1;padding:20px;display:flex}.progress-content[data-v-0106d5a9]{flex-direction:column;flex:1;justify-content:center;min-height:168px;padding:6px 0;display:flex}.progress-tip[data-v-0106d5a9]{color:#64748b;font-size:.82rem;line-height:1.5}.audio-result[data-v-0106d5a9]{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;gap:16px;min-height:168px;display:flex}.audio-info-wrapper[data-v-0106d5a9]{align-items:center;gap:16px;display:flex}.audio-info-wrapper--cover-only[data-v-0106d5a9]{justify-content:center;padding:4px 0}.audio-cover[data-v-0106d5a9]{border-radius:12px;flex-shrink:0;width:32%;max-width:210px;min-height:108px;overflow:hidden}.audio-cover--featured[data-v-0106d5a9]{border-radius:14px;width:min(100%,180px);max-width:180px;min-height:104px;box-shadow:0 10px 22px #0f172a1a}.file-info[data-v-0106d5a9]{border:1px solid var(--feature-theme-primary-soft-border);border-left:4px solid var(--feature-theme-primary-active);text-align:left;background:#fff;border-radius:14px;flex:1;padding:14px 16px}.result-summary[data-v-0106d5a9]{width:100%;padding:4px 2px 0}.file-name[data-v-0106d5a9]{color:#0f172a;word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.45}.file-details[data-v-0106d5a9]{color:#64748b;margin-top:6px;font-size:.84rem;line-height:1.5}.result-audio[data-v-0106d5a9]{width:100%;margin-bottom:16px}.result-actions[data-v-0106d5a9]{gap:12px;display:flex}.result-actions .action-btn[data-v-0106d5a9]{flex:1}.empty-result[data-v-0106d5a9]{color:#64748b;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:168px;display:flex}.empty-icon[data-v-0106d5a9]{color:var(--feature-theme-primary-active);opacity:.7;font-size:2.1rem}[data-v-0106d5a9] .action-btn{min-height:46px;box-shadow:none;border-radius:12px;font-weight:700}[data-v-0106d5a9] .action-btn:not(.action-btn--secondary){background:var(--feature-theme-primary-gradient);color:var(--feature-theme-primary-contrast);border:0}[data-v-0106d5a9] .action-btn:not(.action-btn--secondary):hover{background:var(--feature-theme-primary-gradient-hover);color:var(--feature-theme-primary-contrast)}@keyframes spin-0106d5a9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.demo-card[data-v-0106d5a9]{border-radius:18px}:is([data-v-0106d5a9] .el-card__header,[data-v-0106d5a9] .el-card__body){padding-left:16px;padding-right:16px}.audio-info-wrapper[data-v-0106d5a9],.result-actions[data-v-0106d5a9]{flex-direction:column}.audio-cover[data-v-0106d5a9]{width:100%;max-width:none;min-height:180px}.audio-cover--featured[data-v-0106d5a9]{max-width:160px;min-height:96px}}.template-picker[data-v-500b6c31]{flex-direction:column;gap:12px;margin-top:20px;padding-top:18px;display:flex}.template-picker__title[data-v-500b6c31]{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.35}.template-picker__grid[data-v-500b6c31]{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:10px;display:grid}.template-thumb[data-v-500b6c31]{cursor:pointer;aspect-ratio:1.45;background:0 0;border:0;border-radius:12px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 2px #0f172a14}.template-thumb[data-v-500b6c31]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a1f}.template-thumb.is-active[data-v-500b6c31]{box-shadow:0 0 0 2px var(--feature-theme-primary-border-strong), 0 8px 20px #0f172a1f}.template-thumb.is-loading[data-v-500b6c31]{opacity:.72}.template-thumb[data-v-500b6c31]:disabled{cursor:progress}.template-thumb[data-v-500b6c31]:focus-visible{outline:2px solid var(--feature-theme-primary-border-strong);outline-offset:2px}.template-thumb__image[data-v-500b6c31]{object-fit:cover;width:100%;height:100%;display:block}@media (width<=768px){.template-picker[data-v-500b6c31]{gap:10px}.template-picker__title[data-v-500b6c31]{font-size:14px}.template-picker__grid[data-v-500b6c31]{scrollbar-width:none;flex-wrap:nowrap;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.template-picker__grid[data-v-500b6c31]::-webkit-scrollbar{display:none}.template-thumb[data-v-500b6c31]{border-radius:10px;flex:0 0 74px;min-width:74px}}.trim-controls[data-v-90c820d0]{flex-direction:column;gap:16px;display:flex}.trim-controls__header[data-v-90c820d0]{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.trim-controls__title[data-v-90c820d0]{color:#0f172a;font-size:15px;font-weight:700;line-height:1.4}.trim-controls__description[data-v-90c820d0]{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.5}.trim-controls__badge[data-v-90c820d0]{background:var(--feature-theme-primary-tint);color:var(--feature-theme-primary-active);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1}.trim-controls__grid[data-v-90c820d0]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.trim-controls__field[data-v-90c820d0]{flex-direction:column;gap:8px;display:flex}.trim-controls__label[data-v-90c820d0]{color:#475569;font-size:12px;font-weight:600}[data-v-90c820d0] .trim-controls__field .el-input-number{width:100%}[data-v-90c820d0] .trim-controls__field .el-input__wrapper{border-radius:12px}@media (width<=768px){.trim-controls__header[data-v-90c820d0]{flex-direction:column}.trim-controls__grid[data-v-90c820d0]{grid-template-columns:1fr}}.media-to-mp3-demo[data-v-7be1f0e2]{max-width:1152px;margin:0 auto}.media-to-mp3-demo__grid[data-v-7be1f0e2]{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:20px;display:grid}.media-to-mp3-demo__column[data-v-7be1f0e2]{flex-direction:column;gap:20px;height:100%;min-height:0;display:flex}.demo-card[data-v-7be1f0e2]{border:1px solid var(--color-card-default-border,#d1d5db);background:var(--feature-theme-primary-panel-bg,#fff);border-radius:20px;box-shadow:0 16px 40px #0f172a0f}.upload-preview-card[data-v-7be1f0e2]{flex-direction:column;flex:1;height:100%;display:flex}.settings-card[data-v-7be1f0e2]{flex:none}.result-card-wrap[data-v-7be1f0e2]{flex:auto;min-height:0;display:flex}[data-v-7be1f0e2] .upload-preview-card .el-card__body{flex-direction:column;flex:1;display:flex}.card-header[data-v-7be1f0e2]{color:#0f172a;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.card-header__icon[data-v-7be1f0e2]{color:var(--color-primary-400);font-size:1rem}[data-v-7be1f0e2] .demo-card .el-card__header{border-bottom:1px solid var(--color-card-default-border,#d1d5db);padding:18px 20px}[data-v-7be1f0e2] .demo-card .el-card__body{padding:20px}.content-container[data-v-7be1f0e2]{flex:none}.upload-area[data-v-7be1f0e2]{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.upload-dragger[data-v-7be1f0e2]{width:100%}[data-v-7be1f0e2] .upload-dragger .el-upload-dragger{border:2px dashed var(--feature-theme-primary-soft-border-strong);background:linear-gradient(180deg, #fffc, #ffffffeb), var(--feature-theme-primary-soft-bg);border-radius:18px;width:100%;padding:34px 20px;transition:border-color .2s,transform .2s,box-shadow .2s}[data-v-7be1f0e2] .upload-dragger .el-upload-dragger:hover{border-color:var(--feature-theme-primary-border-strong);box-shadow:0 0 0 4px var(--feature-theme-primary-focus-ring);transform:translateY(-1px)}.upload-content[data-v-7be1f0e2]{text-align:center}.upload-icon[data-v-7be1f0e2]{color:var(--feature-theme-primary-active);margin-bottom:10px;font-size:2rem}.upload-title[data-v-7be1f0e2]{color:#0f172a;font-size:.98rem;font-weight:500;line-height:1.5}.upload-title em[data-v-7be1f0e2]{color:var(--feature-theme-primary-active);font-style:normal}.upload-tip[data-v-7be1f0e2]{color:#64748b;margin-top:6px;font-size:.84rem;line-height:1.5}.preview-area[data-v-7be1f0e2]{flex-direction:column;gap:14px;display:flex}.video-container[data-v-7be1f0e2]{position:relative}.preview-video[data-v-7be1f0e2]{background:#0f172a;border-radius:16px;width:100%;max-height:240px;box-shadow:0 10px 24px #0f172a24}.close-video-btn[data-v-7be1f0e2]{color:#fff;cursor:pointer;background:#0f172ab3;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:10px;right:10px}.file-info[data-v-7be1f0e2]{border:1px solid var(--feature-theme-primary-soft-border);border-left:4px solid var(--feature-theme-primary-active);background:#fff;border-radius:14px;padding:14px 16px}.file-name[data-v-7be1f0e2]{color:#0f172a;word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.45}.file-details[data-v-7be1f0e2]{color:#64748b;margin-top:6px;font-size:.84rem;line-height:1.5}.settings-content[data-v-7be1f0e2]{flex-direction:column;gap:18px;display:flex}.settings-group[data-v-7be1f0e2]{flex-direction:column;gap:10px;display:flex}.settings-label[data-v-7be1f0e2]{color:#475569;font-size:14px;font-weight:600}.format-select[data-v-7be1f0e2]{width:100%}[data-v-7be1f0e2] .format-select .el-select__wrapper{min-height:48px;box-shadow:inset 0 0 0 1px var(--feature-theme-primary-soft-border);border-radius:12px}[data-v-7be1f0e2] .format-select .el-select__wrapper.is-focused{box-shadow:inset 0 0 0 1px var(--feature-theme-primary-border-strong), 0 0 0 3px var(--feature-theme-primary-focus-ring)}[data-v-7be1f0e2] .primary-action-btn{background:var(--feature-theme-primary-gradient);min-height:46px;color:var(--feature-theme-primary-contrast);box-shadow:none;border:0;border-radius:12px;font-weight:700}[data-v-7be1f0e2] .primary-action-btn:hover{background:var(--feature-theme-primary-gradient-hover);color:var(--feature-theme-primary-contrast)}@media (width<=1024px){.media-to-mp3-demo__grid[data-v-7be1f0e2]{grid-template-columns:1fr}}@media (width<=768px){.media-to-mp3-demo__grid[data-v-7be1f0e2],.media-to-mp3-demo__column[data-v-7be1f0e2]{gap:16px}.media-to-mp3-demo__column[data-v-7be1f0e2],.upload-preview-card[data-v-7be1f0e2],.result-card-wrap[data-v-7be1f0e2]{height:auto}.demo-card[data-v-7be1f0e2]{border-radius:18px}:is([data-v-7be1f0e2] .demo-card .el-card__header,[data-v-7be1f0e2] .demo-card .el-card__body){padding-left:16px;padding-right:16px}[data-v-7be1f0e2] .upload-dragger .el-upload-dragger{border-radius:16px;padding:24px 14px}.preview-video[data-v-7be1f0e2]{max-height:190px}}.media-to-mp3-demo[data-v-cb007b27]{max-width:1152px;margin:0 auto}.media-to-mp3-demo__grid[data-v-cb007b27]{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:20px;display:grid}.media-to-mp3-demo__column[data-v-cb007b27]{flex-direction:column;gap:20px;height:100%;min-height:0;display:flex}.demo-card[data-v-cb007b27]{border:1px solid var(--color-card-default-border,#d1d5db);background:var(--feature-theme-primary-panel-bg,#fff);border-radius:20px;box-shadow:0 16px 40px #0f172a0f}.source-card[data-v-cb007b27]{flex-direction:column;flex:1;height:100%;display:flex}.result-card-wrap[data-v-cb007b27]{flex:auto;min-height:0;display:flex}[data-v-cb007b27] .source-card .el-card__body{flex-direction:column;flex:1;display:flex}.card-header[data-v-cb007b27]{color:#0f172a;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.card-header__icon[data-v-cb007b27]{color:var(--color-primary-400);font-size:1rem}[data-v-cb007b27] .demo-card .el-card__header{border-bottom:1px solid var(--color-card-default-border,#d1d5db);padding:18px 20px}[data-v-cb007b27] .demo-card .el-card__body{padding:20px}.content-container[data-v-cb007b27]{flex:none}.source-panel[data-v-cb007b27]{border:1px solid var(--feature-theme-primary-soft-border);background:linear-gradient(180deg, #fffffff5, #ffffffeb), var(--feature-theme-primary-soft-bg);border-radius:18px;padding:16px}.source-panel__header[data-v-cb007b27]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.source-panel__title[data-v-cb007b27]{color:#0f172a;font-size:15px;font-weight:700;line-height:1.4}.upload-area[data-v-cb007b27]{flex-direction:column;gap:14px;display:flex}.upload-area--youtube[data-v-cb007b27]{justify-content:flex-start;align-items:stretch}[data-v-cb007b27] .youtube-input .el-input-group__prepend{border-right:1px solid var(--color-card-default-border,#d1d5db);background:#fff;border-radius:14px 0 0 14px}.youtube-input__icon[data-v-cb007b27]{color:var(--feature-theme-primary-active);font-size:1.4rem}[data-v-cb007b27] .youtube-input .el-input__wrapper{min-height:54px;box-shadow:inset 0 0 0 1px var(--feature-theme-primary-soft-border)}[data-v-cb007b27] .youtube-input .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px var(--feature-theme-primary-border-strong), 0 0 0 3px var(--feature-theme-primary-focus-ring)}.youtube-input[data-v-cb007b27]{flex:1}.action-row[data-v-cb007b27]{align-items:stretch;gap:12px;display:flex}[data-v-cb007b27] .parse-link-btn{background:var(--feature-theme-primary-gradient);min-height:46px;color:var(--feature-theme-primary-contrast);box-shadow:none;border:0;border-radius:12px;flex:1;font-weight:700}[data-v-cb007b27] .parse-link-btn:hover{background:var(--feature-theme-primary-gradient-hover);color:var(--feature-theme-primary-contrast)}@media (width<=1024px){.media-to-mp3-demo__grid[data-v-cb007b27]{grid-template-columns:1fr}}@media (width<=768px){.media-to-mp3-demo__grid[data-v-cb007b27],.media-to-mp3-demo__column[data-v-cb007b27]{gap:16px}.media-to-mp3-demo__column[data-v-cb007b27],.source-card[data-v-cb007b27],.result-card-wrap[data-v-cb007b27]{height:auto}.demo-card[data-v-cb007b27]{border-radius:18px}:is([data-v-cb007b27] .demo-card .el-card__header,[data-v-cb007b27] .demo-card .el-card__body){padding-left:16px;padding-right:16px}.source-panel[data-v-cb007b27]{border-radius:16px;padding:14px}.source-panel__header[data-v-cb007b27]{flex-direction:column;align-items:flex-start}.action-row[data-v-cb007b27]{gap:10px}[data-v-cb007b27] .youtube-input .el-input-group__prepend{padding-left:10px;padding-right:10px}}
