.focused-audio-player[data-v-7cdd79a7]{flex-direction:column;gap:22px;display:flex}.focused-audio-player__summary[data-v-7cdd79a7]{text-align:left;align-items:center;gap:18px;min-width:0;display:flex}.focused-audio-player__cover[data-v-7cdd79a7]{border-radius:12px;width:56px;min-width:56px;height:56px;overflow:hidden;box-shadow:0 10px 22px #0f172a1f}.focused-audio-player__copy[data-v-7cdd79a7]{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.focused-audio-player__title[data-v-7cdd79a7]{color:#1f2434;word-break:break-word;font-size:1rem;font-weight:800;line-height:1.38}.focused-audio-player__meta[data-v-7cdd79a7]{color:#7c879b;flex-wrap:nowrap;gap:0;min-width:0;font-size:.9rem;font-weight:500;display:flex;overflow:hidden}.focused-audio-player__meta-item[data-v-7cdd79a7]{white-space:nowrap;align-items:center;display:inline-flex}.focused-audio-player__meta-item+.focused-audio-player__meta-item[data-v-7cdd79a7]:before{content:"•";color:#a0abc0;margin:0 10px}.focused-audio-player__controls[data-v-7cdd79a7]{background:#fffffff5;border:1px solid #e1e5f1eb;border-radius:999px;flex-wrap:nowrap;align-items:center;gap:18px;min-height:76px;padding:14px 18px;display:flex;box-shadow:0 14px 28px #93a1bc14}.focused-audio-player__ghost-btn[data-v-7cdd79a7],.focused-audio-player__speed-btn[data-v-7cdd79a7],.focused-audio-player__play-btn[data-v-7cdd79a7]{background:0 0;border:0;padding:0}.focused-audio-player__ghost-btn[data-v-7cdd79a7]{color:#667389;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.focused-audio-player__ghost-icon-wrap[data-v-7cdd79a7]{justify-content:center;align-items:center;display:inline-flex;position:relative}.focused-audio-player__ghost-icon[data-v-7cdd79a7]{font-size:1.88rem}.focused-audio-player__ghost-badge[data-v-7cdd79a7]{color:#667389;font-size:.9rem;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.focused-audio-player__play-btn[data-v-7cdd79a7]{color:#fff;background:#4f7cff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 12px 24px #4f7cff4d}.focused-audio-player__play-icon[data-v-7cdd79a7]{font-size:1.25rem}.focused-audio-player__play-loading[data-v-7cdd79a7]{font-size:1.2rem}.focused-audio-player__play-loading.is-spinning[data-v-7cdd79a7]{animation:1s linear infinite focused-audio-spin-7cdd79a7}.focused-audio-player__timeline[data-v-7cdd79a7]{flex:1;align-self:stretch;align-items:center;min-width:120px;display:flex}.focused-audio-player__slider[data-v-7cdd79a7]{--player-progress:0%;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:999px;outline:none;width:100%;min-width:0;height:4px;margin:0;display:block}.focused-audio-player__slider[data-v-7cdd79a7]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #4f7cff 0, #4f7cff var(--player-progress), #d9e0ec var(--player-progress), #d9e0ec 100%);border-radius:999px;height:4px}.focused-audio-player__slider[data-v-7cdd79a7]::-webkit-slider-thumb{appearance:none;background:#4f7cff;border:0;border-radius:999px;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 0 4px #4f7cff24}.focused-audio-player__slider[data-v-7cdd79a7]::-moz-range-track{background:0 0;border:0;border-radius:999px;height:4px}.focused-audio-player__slider[data-v-7cdd79a7]::-moz-range-progress{background:#4f7cff;border-radius:999px;height:4px}.focused-audio-player__slider[data-v-7cdd79a7]::-moz-range-thumb{background:#4f7cff;border:0;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 4px #4f7cff24}.focused-audio-player__slider[data-v-7cdd79a7]:disabled{cursor:default}.focused-audio-player__status[data-v-7cdd79a7]{color:#677389;flex-shrink:0;justify-content:flex-end;align-items:center;gap:18px;min-width:0;display:inline-flex}.focused-audio-player__time[data-v-7cdd79a7]{white-space:nowrap;font-size:.92rem;font-weight:700}.focused-audio-player__speed-btn[data-v-7cdd79a7]{color:#677389;white-space:nowrap;cursor:pointer;align-items:center;gap:4px;padding:0 4px;font-size:.92rem;font-weight:700;display:inline-flex}.focused-audio-player__speed-btn[data-v-7cdd79a7]:hover{color:#4f7cff}.focused-audio-player__speed-icon[data-v-7cdd79a7]{font-size:.9rem}[data-v-7cdd79a7] .el-dropdown-menu__item.is-active{color:#4f7cff;background:#4f7cff14;font-weight:700}.focused-audio-player__native[data-v-7cdd79a7]{display:none}@keyframes focused-audio-spin-7cdd79a7{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.focused-audio-player[data-v-7cdd79a7]{gap:18px}.focused-audio-player__summary[data-v-7cdd79a7]{align-items:center;gap:12px}.focused-audio-player__cover[data-v-7cdd79a7]{border-radius:10px;width:48px;min-width:48px;height:48px}.focused-audio-player__title[data-v-7cdd79a7]{font-size:.94rem}.focused-audio-player__controls[data-v-7cdd79a7]{border-radius:999px;gap:10px;min-height:68px;padding:12px 14px}.focused-audio-player__timeline[data-v-7cdd79a7]{min-width:64px}.focused-audio-player__status[data-v-7cdd79a7]{flex-shrink:1;gap:8px}.focused-audio-player__ghost-icon[data-v-7cdd79a7]{font-size:1.65rem}.focused-audio-player__ghost-badge[data-v-7cdd79a7]{font-size:.78rem}.focused-audio-player__ghost-btn[data-v-7cdd79a7],.focused-audio-player__play-btn[data-v-7cdd79a7]{width:36px;height:36px}.focused-audio-player__play-icon[data-v-7cdd79a7],.focused-audio-player__play-loading[data-v-7cdd79a7]{font-size:1.05rem}.focused-audio-player__slider[data-v-7cdd79a7]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px}.focused-audio-player__slider[data-v-7cdd79a7]::-moz-range-thumb{width:12px;height:12px}.focused-audio-player__time[data-v-7cdd79a7],.focused-audio-player__speed-btn[data-v-7cdd79a7]{font-size:.8rem}.focused-audio-player__speed-icon[data-v-7cdd79a7]{font-size:.78rem}}.processing-state[data-v-d616a302]{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;height:100%;min-height:0;display:flex}.processing-state__orb[data-v-d616a302]{width:86px;height:86px;position:relative}.processing-state__ring[data-v-d616a302]{background:radial-gradient(circle,#0000 58%,#fff 59%),conic-gradient(#3b82f6,#8b5cf6,#e2e8f0 72% 100%);border-radius:999px;animation:1.25s linear infinite processing-spin-d616a302;position:absolute;inset:0}.processing-state__icon-wrap[data-v-d616a302]{background:#fff;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:10px}.processing-state__icon[data-v-d616a302]{color:#6d8ff2;font-size:2rem;animation:1.3s ease-in-out infinite processing-pulse-d616a302}.processing-state__title[data-v-d616a302]{color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1.35}.processing-state__description[data-v-d616a302]{color:#64748b;max-width:420px;margin:0;font-size:.95rem;line-height:1.6}.processing-state__progress[data-v-d616a302]{width:min(100%,720px);margin-top:4px}.processing-state__progress-meta[data-v-d616a302]{justify-content:flex-end;margin-top:10px;display:flex}.processing-state__progress-value[data-v-d616a302]{color:#8b5cf6;font-size:.88rem;font-weight:700;line-height:1.4}[data-v-d616a302] .processing-state__progress .el-progress-bar__outer{background:#e8eef9}@keyframes processing-spin-d616a302{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes processing-pulse-d616a302{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (width<=768px){.processing-state[data-v-d616a302]{gap:14px;min-height:0}.processing-state__orb[data-v-d616a302]{width:76px;height:76px}.processing-state__description[data-v-d616a302]{max-width:100%;font-size:.9rem}.processing-state__progress-meta[data-v-d616a302]{margin-top:8px}.processing-state__progress[data-v-d616a302]{width:min(100%,520px)}}.demo-card[data-v-12d680f5]{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-12d680f5]{flex-direction:column;flex:1;height:100%;display:flex}.result-card--focused[data-v-12d680f5]{min-height:var(--focused-panel-min-height,340px);box-shadow:none;background:linear-gradient(#f4efff 0%,#f7f3ff 100%);border:0;border-radius:28px}.card-header[data-v-12d680f5]{color:#0f172a;justify-content:space-between;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;display:flex}.card-header__main[data-v-12d680f5]{align-items:center;gap:10px;min-width:0;display:inline-flex}.card-header__icon[data-v-12d680f5]{color:var(--color-primary-400);font-size:1rem}.is-spinning[data-v-12d680f5]{animation:1s linear infinite spin-12d680f5}[data-v-12d680f5] .el-card__header{border-bottom:1px solid var(--color-card-default-border,#d1d5db);padding:18px 20px}[data-v-12d680f5] .el-card__body{flex-direction:column;flex:1;padding:20px;display:flex}[data-v-12d680f5] .result-card--focused .el-card__body{justify-content:center;padding:30px 30px 32px}:is([data-v-12d680f5] .result-card--focused .progress-content,[data-v-12d680f5] .result-card--focused .audio-result,[data-v-12d680f5] .result-card--focused .empty-result){width:100%;max-width:var(--media-to-mp3-demo-visual-max-width,1000px);margin:0 auto}.progress-content[data-v-12d680f5]{flex-direction:column;flex:1;justify-content:center;min-height:168px;padding:6px 0;display:flex}.audio-result[data-v-12d680f5]{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;gap:16px;min-height:168px;display:flex}.audio-result--focused[data-v-12d680f5]{text-align:left;justify-content:center;gap:24px}.audio-info-wrapper[data-v-12d680f5]{align-items:center;gap:16px;display:flex}.audio-info-wrapper--cover-only[data-v-12d680f5]{justify-content:center;padding:4px 0}.audio-cover[data-v-12d680f5]{border-radius:12px;flex-shrink:0;width:32%;max-width:210px;min-height:108px;overflow:hidden}.audio-cover--featured[data-v-12d680f5]{border-radius:14px;width:min(100%,180px);max-width:180px;min-height:104px;box-shadow:0 10px 22px #0f172a1a}.file-info[data-v-12d680f5]{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-12d680f5]{width:100%;padding:4px 2px 0}.file-name[data-v-12d680f5]{color:#0f172a;word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.45}.file-details[data-v-12d680f5]{color:#64748b;margin-top:6px;font-size:.84rem;line-height:1.5}.result-audio[data-v-12d680f5]{width:100%;margin-bottom:0}.result-actions[data-v-12d680f5]{gap:12px;display:flex}.result-actions .action-btn[data-v-12d680f5]{flex:1}.result-actions .action-btn--secondary[data-v-12d680f5]{flex:0 0 212px}.result-actions--focused[data-v-12d680f5]{justify-content:center;gap:16px;margin-top:2px}.result-actions--focused .action-btn[data-v-12d680f5],.result-actions--focused .action-btn--secondary[data-v-12d680f5]{flex:0 280px}.empty-result[data-v-12d680f5]{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-12d680f5]{color:var(--feature-theme-primary-active);opacity:.7;font-size:2.1rem}[data-v-12d680f5] .action-btn{min-height:46px;box-shadow:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-weight:700;display:inline-flex}[data-v-12d680f5] .action-btn--secondary{border:1px solid var(--color-card-default-border,#d1d5db);color:#334e7d;background:#fff;box-shadow:0 10px 24px #94a3b81f}[data-v-12d680f5] .action-btn--secondary:hover{color:#1e3a5f;background:#f8fafc;border-color:#cbd5e1}[data-v-12d680f5] .action-btn:not(.action-btn--secondary){background:var(--feature-theme-primary-gradient);color:var(--feature-theme-primary-contrast);border:0}[data-v-12d680f5] .action-btn:not(.action-btn--secondary):hover{background:var(--feature-theme-primary-gradient-hover);color:var(--feature-theme-primary-contrast)}[data-v-12d680f5] .result-actions--focused .action-btn{border-radius:14px;min-height:50px}[data-v-12d680f5] .result-actions--focused .action-btn--secondary{border-color:#d1d5dbe6;box-shadow:0 8px 18px #94a3b81a}.action-btn__icon[data-v-12d680f5]{flex-shrink:0;margin-right:4px;font-size:.95rem;display:inline-flex}@keyframes spin-12d680f5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.demo-card[data-v-12d680f5]{border-radius:18px}:is([data-v-12d680f5] .el-card__header,[data-v-12d680f5] .el-card__body){padding-left:12px;padding-right:12px}[data-v-12d680f5] .result-card--focused .el-card__body{padding:18px 16px 20px}.audio-info-wrapper[data-v-12d680f5],.result-actions[data-v-12d680f5]:not(.result-actions--focused){flex-direction:column}.card-header[data-v-12d680f5]{align-items:flex-start}.audio-cover[data-v-12d680f5]{width:100%;max-width:none;min-height:180px}.audio-cover--featured[data-v-12d680f5]{max-width:160px;min-height:96px}.result-actions--focused[data-v-12d680f5]{flex-direction:row;gap:12px}.result-actions--focused .action-btn[data-v-12d680f5],.result-actions--focused .action-btn--secondary[data-v-12d680f5]{flex:1 1 0;width:auto;min-width:0}}.template-picker[data-v-f50a38d2]{flex-direction:column;gap:10px;margin-top:10px;padding-top:8px;display:flex}.template-picker__title[data-v-f50a38d2]{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.35}.template-picker__grid[data-v-f50a38d2]{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:10px;display:grid}.template-thumb[data-v-f50a38d2]{cursor:pointer;aspect-ratio:16/9;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-f50a38d2]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a1f}.template-thumb.is-active[data-v-f50a38d2]{box-shadow:0 0 0 2px var(--feature-theme-primary-border-strong), 0 8px 20px #0f172a1f}.template-thumb.is-loading[data-v-f50a38d2]{opacity:.72}.template-thumb[data-v-f50a38d2]:disabled{cursor:progress}.template-thumb[data-v-f50a38d2]:focus-visible{outline:2px solid var(--feature-theme-primary-border-strong);outline-offset:2px}.template-thumb__image[data-v-f50a38d2]{object-fit:cover;width:100%;height:100%;display:block}@media (width<=768px){.template-picker[data-v-f50a38d2]{gap:10px}.template-picker__title[data-v-f50a38d2]{font-size:14px}.template-picker__grid[data-v-f50a38d2]::-webkit-scrollbar{display:none}.template-thumb[data-v-f50a38d2]{aspect-ratio:16/9;border-radius:10px;flex:0 0 74px;min-width:74px}}.media-to-mp3-demo[data-v-aef43678]{width:100%;max-width:var(--media-to-mp3-demo-max-width,1152px);flex-direction:column;gap:20px;margin:0 auto;display:flex}.media-to-mp3-demo__grid[data-v-aef43678]{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:20px;display:grid}.media-to-mp3-demo__grid--focused[data-v-aef43678]{grid-template-columns:minmax(0,1fr)}.media-to-mp3-demo__column[data-v-aef43678]{flex-direction:column;gap:20px;height:100%;min-height:0;display:flex}.media-to-mp3-demo__column--stacked[data-v-aef43678]{gap:18px}.media-to-mp3-demo__grid--focused[data-v-aef43678],.media-to-mp3-demo__column--stacked[data-v-aef43678]{--focused-panel-min-height:var(--media-to-mp3-demo-focused-panel-min-height,340px)}.demo-card[data-v-aef43678]{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-aef43678]{flex-direction:column;flex:1;height:100%;display:flex}.upload-preview-card--focused[data-v-aef43678]{height:auto;min-height:var(--focused-panel-min-height);box-shadow:0 12px 32px #0f172a0d}.settings-card[data-v-aef43678]{flex:none}.result-card-wrap[data-v-aef43678]{flex:auto;min-height:0;display:flex}[data-v-aef43678] .upload-preview-card .el-card__body{flex-direction:column;flex:1;display:flex}[data-v-aef43678] .upload-preview-card--focused .el-card__body{justify-content:center;padding:40px 56px}.card-header[data-v-aef43678]{color:#0f172a;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.card-header__icon[data-v-aef43678]{color:var(--color-primary-400);font-size:1rem}[data-v-aef43678] .demo-card .el-card__header{border-bottom:1px solid var(--color-card-default-border,#d1d5db);padding:18px 20px}[data-v-aef43678] .demo-card .el-card__body{padding:20px}.content-container[data-v-aef43678]{flex:none}.content-container--focused[data-v-aef43678]{width:100%;max-width:var(--media-to-mp3-demo-visual-max-width,1000px);margin:0 auto}.source-panel[data-v-aef43678]{flex-direction:column;gap:18px;display:flex}.source-panel--focused[data-v-aef43678]{gap:22px}.source-panel__header[data-v-aef43678]{justify-content:space-between;align-items:center;gap:12px;display:flex}.source-panel__header--focused[data-v-aef43678]{justify-content:center}.source-panel__title[data-v-aef43678]{color:#0f172a;font-size:15px;font-weight:700;line-height:1.4}.source-panel__title--focused[data-v-aef43678]{text-align:center;justify-content:center;align-items:center;gap:10px;width:100%;font-size:17px;display:inline-flex}.source-panel__title-icon[data-v-aef43678]{color:var(--feature-theme-primary-active);flex-shrink:0;font-size:1.45rem}.upload-area[data-v-aef43678]{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.upload-area--focused[data-v-aef43678]{width:100%;max-width:var(--media-to-mp3-demo-visual-max-width,1000px);gap:18px;margin:0 auto}.upload-dragger[data-v-aef43678]{width:100%}[data-v-aef43678] .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-aef43678] .upload-dragger--focused .el-upload-dragger{background:radial-gradient(circle at 50% 14%,#b073ff1a,#0000 14%),linear-gradient(#fdfcff 0%,#faf7ff 100%);border:1px solid #e5d8fff5;border-radius:24px;padding:42px 24px;box-shadow:0 12px 30px #9a7ee00d,inset 0 1px #ffffffdb}[data-v-aef43678] .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-aef43678]{text-align:center}.upload-icon[data-v-aef43678]{color:var(--feature-theme-primary-active);margin-bottom:10px;font-size:2rem}.upload-title[data-v-aef43678]{color:#0f172a;font-size:.98rem;font-weight:500;line-height:1.5}.upload-title em[data-v-aef43678]{color:var(--feature-theme-primary-active);font-style:normal}.upload-tip[data-v-aef43678]{color:#64748b;margin-top:6px;font-size:.84rem;line-height:1.5}.preview-area[data-v-aef43678]{flex-direction:column;gap:14px;display:flex}.preview-area--focused[data-v-aef43678]{gap:18px}.focused-settings-step[data-v-aef43678]{flex-direction:column;gap:18px;width:100%;display:flex}.focused-settings-step__layout[data-v-aef43678]{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:stretch;gap:22px;display:grid}.focused-settings-step__preview[data-v-aef43678]{flex-direction:column;min-width:0;display:flex}.video-container[data-v-aef43678]{position:relative}.video-container--focused-step[data-v-aef43678]{aspect-ratio:16/9;background:#0f172a;border-radius:20px;width:100%;display:flex;overflow:hidden;box-shadow:0 10px 24px #0f172a24}.preview-video[data-v-aef43678]{background:#0f172a;border-radius:16px;width:100%;max-height:240px;box-shadow:0 10px 24px #0f172a24}.preview-video--focused[data-v-aef43678]{border-radius:20px;max-height:280px}.preview-video--focused-step[data-v-aef43678]{aspect-ratio:16/9;width:100%;height:100%;min-height:0;max-height:none;box-shadow:none;object-fit:cover;background:0 0;border-radius:0;display:block}.file-info[data-v-aef43678]{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-aef43678]{color:#0f172a;word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.45}.file-details[data-v-aef43678]{color:#64748b;margin-top:6px;font-size:.84rem;line-height:1.5}.settings-shell--focused[data-v-aef43678]{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:18px 20px}.settings-shell--step-two[data-v-aef43678]{width:100%;max-width:none;min-height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:14px 0}.settings-content[data-v-aef43678]{flex-direction:column;gap:18px;display:flex}.settings-content--focused[data-v-aef43678]{gap:16px}.settings-content--step-two[data-v-aef43678]{justify-content:space-between;gap:22px;height:100%}.settings-group[data-v-aef43678]{flex-direction:column;gap:10px;display:flex}.settings-group--step-two[data-v-aef43678]{padding-top:2px}.settings-label[data-v-aef43678]{color:#475569;font-size:14px;font-weight:600}.format-select[data-v-aef43678]{width:100%}[data-v-aef43678] .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-aef43678] .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)}.template-picker-wrap--focused[data-v-aef43678]{margin-top:-4px}.action-row[data-v-aef43678]{align-items:stretch;gap:12px;display:flex}.action-row--focused[data-v-aef43678]{justify-content:center;width:100%}.action-row--dual[data-v-aef43678]{flex-wrap:nowrap;align-items:stretch}[data-v-aef43678] .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-aef43678] .primary-action-btn:hover{background:var(--feature-theme-primary-gradient-hover);color:var(--feature-theme-primary-contrast)}[data-v-aef43678] .primary-action-btn--focused{border-radius:14px;flex:0 0 248px;max-width:248px;min-height:50px}[data-v-aef43678] .secondary-action-btn{border:1px solid var(--color-card-default-border,#d1d5db);color:#334e7d;background:#fff;border-radius:14px;flex:0 0 248px;max-width:248px;min-height:50px;font-weight:700;box-shadow:0 8px 18px #94a3b81a}[data-v-aef43678] .secondary-action-btn:hover{color:#1e3a5f;background:#f8fafc;border-color:#cbd5e1}.action-row--dual[data-v-aef43678] .el-button+.el-button{margin-left:0}@media (width<=1024px){.media-to-mp3-demo__grid[data-v-aef43678]{grid-template-columns:1fr}.focused-settings-step__layout[data-v-aef43678]{grid-template-columns:1fr;gap:18px}.preview-video--focused-step[data-v-aef43678]{min-height:0}.settings-content--step-two[data-v-aef43678]{justify-content:flex-start;height:auto}.action-row--dual[data-v-aef43678]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}:is([data-v-aef43678] .primary-action-btn--focused,[data-v-aef43678] .secondary-action-btn){width:100%;max-width:none}}@media (width<=768px){.media-to-mp3-demo[data-v-aef43678]{gap:16px;width:100%;max-width:none;margin:0}.media-to-mp3-demo__grid[data-v-aef43678],.media-to-mp3-demo__column[data-v-aef43678],.media-to-mp3-demo__column--stacked[data-v-aef43678]{gap:16px}.media-to-mp3-demo__column[data-v-aef43678],.upload-preview-card[data-v-aef43678],.result-card-wrap[data-v-aef43678]{height:auto}.demo-card[data-v-aef43678]{border-radius:18px}:is([data-v-aef43678] .demo-card .el-card__header,[data-v-aef43678] .demo-card .el-card__body){padding-left:12px;padding-right:12px}[data-v-aef43678] .upload-preview-card--focused .el-card__body{padding:28px 18px}.content-container--focused[data-v-aef43678]{max-width:100%}[data-v-aef43678] .upload-dragger .el-upload-dragger{border-radius:16px;padding:22px 12px}[data-v-aef43678] .upload-dragger--focused .el-upload-dragger{border-radius:20px;padding:28px 16px}.source-panel--focused[data-v-aef43678],.preview-area--focused[data-v-aef43678],.focused-settings-step[data-v-aef43678],.focused-settings-step__layout[data-v-aef43678]{gap:14px}.source-panel__title--focused[data-v-aef43678]{font-size:16px}.settings-shell--focused[data-v-aef43678]{border-radius:16px}.settings-content--focused[data-v-aef43678]{gap:10px}.settings-content--step-two[data-v-aef43678]{justify-content:flex-start;gap:16px;height:auto}.settings-group[data-v-aef43678]{gap:6px}.action-row--focused[data-v-aef43678]{width:100%}.action-row--dual[data-v-aef43678]{gap:10px}[data-v-aef43678] .primary-action-btn--focused{border-radius:12px;flex:none;justify-content:center;align-items:center;width:100%;max-width:none;height:42px;min-height:42px;padding:0 14px;display:flex}[data-v-aef43678] .secondary-action-btn{border-radius:12px;flex:none;justify-content:center;align-items:center;width:100%;max-width:none;height:42px;min-height:42px;margin:0;padding:0 14px;display:flex}.preview-video[data-v-aef43678]{max-height:190px}.preview-video--focused[data-v-aef43678]{border-radius:18px;max-height:220px}.preview-video--focused-step[data-v-aef43678]{min-height:0}}@media (width<=380px){.action-row--dual[data-v-aef43678]{grid-template-columns:1fr}:is([data-v-aef43678] .primary-action-btn--focused,[data-v-aef43678] .secondary-action-btn){width:100%}}.media-to-mp3-demo[data-v-fbe14f1d]{width:100%;max-width:var(--media-to-mp3-demo-max-width,1152px);flex-direction:column;gap:20px;margin:0 auto;display:flex}.media-to-mp3-demo__grid[data-v-fbe14f1d]{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:20px;display:grid}.media-to-mp3-demo__grid--focused[data-v-fbe14f1d]{grid-template-columns:minmax(0,1fr)}.media-to-mp3-demo__column[data-v-fbe14f1d]{flex-direction:column;gap:20px;height:100%;min-height:0;display:flex}.media-to-mp3-demo__column--stacked[data-v-fbe14f1d]{gap:18px}.media-to-mp3-demo__grid--focused[data-v-fbe14f1d],.media-to-mp3-demo__column--stacked[data-v-fbe14f1d]{--focused-panel-min-height:var(--media-to-mp3-demo-focused-panel-min-height,340px)}.demo-card[data-v-fbe14f1d]{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-fbe14f1d]{flex-direction:column;flex:1;height:100%;display:flex}.source-card--focused[data-v-fbe14f1d]{height:auto;min-height:var(--focused-panel-min-height);box-shadow:0 12px 32px #0f172a0d}.result-card-wrap[data-v-fbe14f1d]{flex:auto;min-height:0;display:flex}[data-v-fbe14f1d] .source-card .el-card__body{flex-direction:column;flex:1;display:flex}.card-header[data-v-fbe14f1d]{color:#0f172a;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.card-header__icon[data-v-fbe14f1d]{color:var(--color-primary-400);font-size:1rem}[data-v-fbe14f1d] .demo-card .el-card__header{border-bottom:1px solid var(--color-card-default-border,#d1d5db);padding:18px 20px}[data-v-fbe14f1d] .demo-card .el-card__body{padding:20px}[data-v-fbe14f1d] .source-card--focused .el-card__body{justify-content:center;padding:40px 56px}.content-container[data-v-fbe14f1d]{flex:none}.content-container--focused[data-v-fbe14f1d]{width:100%;max-width:var(--media-to-mp3-demo-visual-max-width,1000px);margin:0 auto}.input-shell[data-v-fbe14f1d]{width:100%}.input-shell--focused[data-v-fbe14f1d]{box-shadow:inset 0 0 0 1px var(--feature-theme-primary-soft-border);background:#fff;border-radius:14px;transition:box-shadow .2s,transform .2s;overflow:hidden}.input-shell--focused[data-v-fbe14f1d]:focus-within{box-shadow:inset 0 0 0 1px var(--feature-theme-primary-border-strong), 0 0 0 3px var(--feature-theme-primary-focus-ring)}.source-panel[data-v-fbe14f1d]{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--focused[data-v-fbe14f1d]{background:0 0;border:0;border-radius:0;padding:0}.source-panel__header[data-v-fbe14f1d]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.source-panel__header--focused[data-v-fbe14f1d]{justify-content:center;margin-bottom:22px}.source-panel__title[data-v-fbe14f1d]{color:#0f172a;font-size:15px;font-weight:700;line-height:1.4}.source-panel__title--focused[data-v-fbe14f1d]{text-align:center;justify-content:center;align-items:center;gap:10px;width:100%;font-size:17px;font-weight:700;display:inline-flex}.source-panel__title-icon[data-v-fbe14f1d]{color:#ff2d20;flex-shrink:0;font-size:1.45rem}.upload-area[data-v-fbe14f1d]{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;display:flex}.upload-area--focused[data-v-fbe14f1d]{width:100%;max-width:var(--media-to-mp3-demo-visual-max-width,1000px);gap:18px;margin:0 auto}[data-v-fbe14f1d] .youtube-input--focused .el-input-group__prepend{border-right:1px solid var(--color-card-default-border,#d1d5db);background:0 0;border-radius:14px 0 0 14px;box-shadow:none!important}.youtube-input__icon[data-v-fbe14f1d]{color:var(--feature-theme-primary-active);font-size:1.4rem}[data-v-fbe14f1d] .youtube-input--focused .el-input__wrapper{background:0 0;border-radius:0 14px 14px 0;min-height:54px;box-shadow:none!important}[data-v-fbe14f1d] .youtube-input--focused .el-input__wrapper.is-focus,[data-v-fbe14f1d] .youtube-input--focused .el-input__wrapper:hover,[data-v-fbe14f1d] .youtube-input--focused .el-input__wrapper:focus-within{box-shadow:none!important}[data-v-fbe14f1d] .youtube-input--focused .el-input__inner:focus{outline:none}[data-v-fbe14f1d] .youtube-input--focused .el-input-group__prepend:focus-within,[data-v-fbe14f1d] .youtube-input--focused .el-input-group__prepend:hover,[data-v-fbe14f1d] .youtube-input--focused.is-focus .el-input__wrapper{box-shadow:none!important}.youtube-input[data-v-fbe14f1d]{flex:1}.action-row[data-v-fbe14f1d]{align-items:stretch;gap:12px;display:flex}.action-row--focused[data-v-fbe14f1d]{justify-content:center}[data-v-fbe14f1d] .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-fbe14f1d] .action-row--focused .parse-link-btn{flex:0 0 248px;max-width:248px}[data-v-fbe14f1d] .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-fbe14f1d]{grid-template-columns:1fr}}@media (width<=768px){.media-to-mp3-demo[data-v-fbe14f1d]{gap:16px;width:100%;max-width:none;margin:0}.media-to-mp3-demo__grid[data-v-fbe14f1d],.media-to-mp3-demo__column[data-v-fbe14f1d]{gap:16px}.media-to-mp3-demo__column[data-v-fbe14f1d],.source-card[data-v-fbe14f1d],.result-card-wrap[data-v-fbe14f1d]{height:auto}.demo-card[data-v-fbe14f1d]{border-radius:18px}:is([data-v-fbe14f1d] .demo-card .el-card__header,[data-v-fbe14f1d] .demo-card .el-card__body){padding-left:12px;padding-right:12px}.source-panel[data-v-fbe14f1d]{border-radius:16px;padding:12px}.source-panel--focused[data-v-fbe14f1d]{padding:0}[data-v-fbe14f1d] .source-card--focused .el-card__body{padding:28px 18px}.content-container--focused[data-v-fbe14f1d]{max-width:100%}.source-panel__header[data-v-fbe14f1d]{flex-direction:column;align-items:flex-start}.action-row[data-v-fbe14f1d]{gap:10px}.action-row--focused[data-v-fbe14f1d]{width:100%}[data-v-fbe14f1d] .action-row--focused .parse-link-btn{width:100%;max-width:none}[data-v-fbe14f1d] .youtube-input .el-input-group__prepend{padding-left:8px;padding-right:8px}}.media-to-mp3-generation[data-v-99c9cb32]{--media-to-mp3-demo-max-width:1152px;--media-to-mp3-demo-visual-max-width:1000px;--media-to-mp3-demo-focused-panel-min-height:340px;flex-direction:column;gap:16px;width:100%;display:flex}.media-to-mp3-generation__tabs[data-v-99c9cb32]{width:100%;max-width:var(--media-to-mp3-demo-max-width);justify-content:center;margin:0 auto;display:flex}
