.page-hero[data-astro-cid-qoicwmcg]{padding:var(--spacing-4xl) 0 var(--spacing-3xl);border-bottom:1px solid var(--color-hairline)}html[data-theme=dark] .page-hero[data-astro-cid-qoicwmcg]{border-color:var(--color-dark-hairline)}.eyebrow[data-astro-cid-qoicwmcg]{color:var(--color-mute);margin:0 0 var(--spacing-md)}html[data-theme=dark] .eyebrow[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.page-title[data-astro-cid-qoicwmcg]{margin:0 0 var(--spacing-md);color:var(--color-ink)}html[data-theme=dark] .page-title[data-astro-cid-qoicwmcg]{color:var(--color-dark-ink)}@media (width<=640px){.page-title[data-astro-cid-qoicwmcg]{font-size:36px;line-height:40px}.page-hero[data-astro-cid-qoicwmcg]{padding:var(--spacing-3xl) 0 var(--spacing-xl)}}.page-sub[data-astro-cid-qoicwmcg]{color:var(--color-body);max-width:580px;margin:0;font-size:18px;line-height:1.6}html[data-theme=dark] .page-sub[data-astro-cid-qoicwmcg]{color:var(--color-dark-body)}.tool-section[data-astro-cid-qoicwmcg]{padding:var(--spacing-3xl) 0}.tool-card[data-astro-cid-qoicwmcg]{padding:var(--spacing-xl)}.dropzone[data-astro-cid-qoicwmcg]{border:2px dashed var(--color-hairline);border-radius:var(--radius-md);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}html[data-theme=dark] .dropzone[data-astro-cid-qoicwmcg]{border-color:var(--color-dark-hairline)}.dropzone[data-astro-cid-qoicwmcg]:hover,.dropzone[data-astro-cid-qoicwmcg].drag-over{border-color:var(--color-ink);background-color:var(--color-hairline-soft)}html[data-theme=dark] .dropzone[data-astro-cid-qoicwmcg]:hover,html[data-theme=dark] .dropzone[data-astro-cid-qoicwmcg].drag-over{border-color:var(--color-dark-ink);background-color:var(--color-dark-hairline)}.dropzone-inner[data-astro-cid-qoicwmcg]{justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.dropzone-label[data-astro-cid-qoicwmcg]{color:var(--color-ink);margin:0 0 4px;font-size:15px;font-weight:500}html[data-theme=dark] .dropzone-label[data-astro-cid-qoicwmcg]{color:var(--color-dark-ink)}.dropzone-link[data-astro-cid-qoicwmcg]{color:var(--color-link);text-decoration:underline}.dropzone-hint[data-astro-cid-qoicwmcg]{color:var(--color-mute);margin:0;font-size:12px}html[data-theme=dark] .dropzone-hint[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.error-box[data-astro-cid-qoicwmcg]{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-warning-soft);color:var(--color-warning-deep);border-radius:var(--radius-sm);font-size:14px}.loading-box[data-astro-cid-qoicwmcg]{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);color:var(--color-mute);font-size:14px;display:flex}html[data-theme=dark] .loading-box[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.spinner[data-astro-cid-qoicwmcg]{border:2px solid var(--color-hairline);border-top-color:var(--color-ink);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}html[data-theme=dark] .spinner[data-astro-cid-qoicwmcg]{border-color:var(--color-dark-hairline);border-top-color:var(--color-dark-ink)}@keyframes spin{to{transform:rotate(360deg)}}.controls-area[data-astro-cid-qoicwmcg]{margin-top:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;display:flex}.panel-section[data-astro-cid-qoicwmcg]{gap:var(--spacing-md);flex-direction:column;display:flex}.panel-label[data-astro-cid-qoicwmcg]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-mute);margin:0;font-size:11px;font-weight:500}html[data-theme=dark] .panel-label[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.info-grid[data-astro-cid-qoicwmcg]{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-hairline);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}html[data-theme=dark] .info-grid[data-astro-cid-qoicwmcg]{border-color:var(--color-dark-hairline);background:var(--color-dark-hairline)}@media (width>=768px){.info-grid[data-astro-cid-qoicwmcg]{grid-template-columns:repeat(4,1fr)}}.info-item[data-astro-cid-qoicwmcg]{padding:var(--spacing-md);background:var(--color-canvas-elevated);flex-direction:column;gap:4px;display:flex}html[data-theme=dark] .info-item[data-astro-cid-qoicwmcg]{background:var(--color-dark-canvas-elevated)}.info-key[data-astro-cid-qoicwmcg]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-mute);font-size:10px}html[data-theme=dark] .info-key[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.info-val[data-astro-cid-qoicwmcg]{font-family:var(--font-mono);color:var(--color-ink);word-break:break-all;font-size:13px;font-weight:500}html[data-theme=dark] .info-val[data-astro-cid-qoicwmcg]{color:var(--color-dark-ink)}.info-val-name[data-astro-cid-qoicwmcg]{font-family:var(--font-sans);word-break:break-all;font-size:13px}.waveform-group[data-astro-cid-qoicwmcg]{gap:var(--spacing-xs);flex-direction:column;display:flex}.waveform-label[data-astro-cid-qoicwmcg]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-mute);margin:0;font-size:11px}html[data-theme=dark] .waveform-label[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.waveform-canvas[data-astro-cid-qoicwmcg]{border-radius:var(--radius-sm);background:var(--color-hairline-soft);width:100%;height:80px;display:block}html[data-theme=dark] .waveform-canvas[data-astro-cid-qoicwmcg]{background:var(--color-dark-hairline)}.output-panel[data-astro-cid-qoicwmcg]{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-hairline-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}html[data-theme=dark] .output-panel[data-astro-cid-qoicwmcg]{background:var(--color-dark-canvas-elevated);border-color:var(--color-dark-hairline)}.output-format-badge[data-astro-cid-qoicwmcg]{align-items:center;gap:var(--spacing-sm);flex:1;min-width:200px;display:flex}.output-format-icon[data-astro-cid-qoicwmcg]{background:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}html[data-theme=dark] .output-format-icon[data-astro-cid-qoicwmcg]{background:var(--color-dark-canvas);border-color:var(--color-dark-hairline);color:var(--color-dark-ink)}.output-format-name[data-astro-cid-qoicwmcg]{color:var(--color-ink);margin:0 0 3px;font-size:15px;font-weight:600}html[data-theme=dark] .output-format-name[data-astro-cid-qoicwmcg]{color:var(--color-dark-ink)}.output-format-desc[data-astro-cid-qoicwmcg]{color:var(--color-mute);margin:0;font-size:12px}html[data-theme=dark] .output-format-desc[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.convert-btn[data-astro-cid-qoicwmcg]{flex-shrink:0}.format-note[data-astro-cid-qoicwmcg]{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-hairline-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);color:var(--color-body);font-size:13px;line-height:1.55;display:flex}html[data-theme=dark] .format-note[data-astro-cid-qoicwmcg]{border-color:var(--color-dark-hairline);color:var(--color-dark-body);background:#181818}.note-icon[data-astro-cid-qoicwmcg]{color:var(--color-link);flex-shrink:0;margin-top:1px}.format-note[data-astro-cid-qoicwmcg] p[data-astro-cid-qoicwmcg]{margin:0}.result-divider[data-astro-cid-qoicwmcg]{background:var(--color-hairline);height:1px;margin-bottom:var(--spacing-xl)}html[data-theme=dark] .result-divider[data-astro-cid-qoicwmcg]{background:var(--color-dark-hairline)}.result-actions[data-astro-cid-qoicwmcg]{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.audio-player[data-astro-cid-qoicwmcg]{flex:1;min-width:200px;height:40px}.formats-section[data-astro-cid-qoicwmcg]{padding:var(--spacing-3xl) 0;background:var(--color-hairline-soft);border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}html[data-theme=dark] .formats-section[data-astro-cid-qoicwmcg]{background:var(--color-dark-canvas-elevated);border-color:var(--color-dark-hairline)}.formats-card[data-astro-cid-qoicwmcg]{padding:var(--spacing-xl)}.formats-inner[data-astro-cid-qoicwmcg]{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.formats-inner[data-astro-cid-qoicwmcg]{grid-template-columns:1fr 1fr}}.format-chips[data-astro-cid-qoicwmcg]{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.format-chip[data-astro-cid-qoicwmcg]{border:1px solid var(--color-hairline);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--color-body);background:var(--color-canvas-elevated);padding:4px 10px;font-size:12px}html[data-theme=dark] .format-chip[data-astro-cid-qoicwmcg]{background:var(--color-dark-canvas);border-color:var(--color-dark-hairline);color:var(--color-dark-body)}.formats-note[data-astro-cid-qoicwmcg]{color:var(--color-mute);margin:0;font-size:13px}html[data-theme=dark] .formats-note[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.output-badge-large[data-astro-cid-qoicwmcg]{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-ink);color:var(--color-on-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:inline-flex}html[data-theme=dark] .output-badge-large[data-astro-cid-qoicwmcg]{background:var(--color-dark-ink);color:#000}.output-badge-label[data-astro-cid-qoicwmcg]{font-family:var(--font-mono);letter-spacing:.02em;font-size:20px;font-weight:700}.output-badge-desc[data-astro-cid-qoicwmcg]{opacity:.8;margin:0;font-size:12px}.how-section[data-astro-cid-qoicwmcg]{padding:var(--spacing-section) 0}.section-header[data-astro-cid-qoicwmcg]{margin-bottom:var(--spacing-2xl)}.steps-grid[data-astro-cid-qoicwmcg]{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.steps-grid[data-astro-cid-qoicwmcg]{grid-template-columns:repeat(3,1fr)}}.step-num[data-astro-cid-qoicwmcg]{font-family:var(--font-mono);color:var(--color-mute);letter-spacing:.08em;margin-bottom:var(--spacing-md);font-size:12px;font-weight:500}html[data-theme=dark] .step-num[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}.step-text[data-astro-cid-qoicwmcg]{color:var(--color-body);margin:0;font-size:14px;line-height:1.6}html[data-theme=dark] .step-text[data-astro-cid-qoicwmcg]{color:var(--color-dark-body)}.faq-section[data-astro-cid-qoicwmcg]{padding:var(--spacing-section) 0}.faq-list[data-astro-cid-qoicwmcg]{max-width:720px}.related-section[data-astro-cid-qoicwmcg]{padding:var(--spacing-3xl) 0 var(--spacing-section);border-top:1px solid var(--color-hairline)}html[data-theme=dark] .related-section[data-astro-cid-qoicwmcg]{border-color:var(--color-dark-hairline)}.related-title[data-astro-cid-qoicwmcg]{margin:0 0 var(--spacing-xl);color:var(--color-ink)}html[data-theme=dark] .related-title[data-astro-cid-qoicwmcg]{color:var(--color-dark-ink)}.related-grid[data-astro-cid-qoicwmcg]{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.related-grid[data-astro-cid-qoicwmcg]{grid-template-columns:repeat(4,1fr)}}.related-card[data-astro-cid-qoicwmcg]{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-elevated);color:var(--color-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}html[data-theme=dark] .related-card[data-astro-cid-qoicwmcg]{background:var(--color-dark-canvas-elevated);border-color:var(--color-dark-hairline);color:var(--color-dark-ink)}.related-card[data-astro-cid-qoicwmcg]:hover{border-color:#ccc;box-shadow:0 2px 8px #0000000f}html[data-theme=dark] .related-card[data-astro-cid-qoicwmcg]:hover{border-color:#444}.related-icon[data-astro-cid-qoicwmcg]{flex-shrink:0;font-size:20px}.related-name[data-astro-cid-qoicwmcg]{color:var(--color-ink);margin:0 0 2px;font-size:13px;font-weight:600}html[data-theme=dark] .related-name[data-astro-cid-qoicwmcg]{color:var(--color-dark-ink)}.related-desc[data-astro-cid-qoicwmcg]{color:var(--color-mute);margin:0;font-size:12px}html[data-theme=dark] .related-desc[data-astro-cid-qoicwmcg]{color:var(--color-dark-mute)}