/* Shared vc-* components come from video-compressor.css. */
#video-audio-merge-page {
  --vc-bg: #02040a;
  --vc-panel: #0b0f17;
  --vc-panel-2: #111827;
  --vc-line: rgba(148, 163, 184, .2);
  --vc-text: #f8fafc;
  --vc-muted: #a9b2c2;
  --vc-blue: #3b82f6;
  --vc-purple: #8b5cf6;
  min-height: 100vh;
  overflow: hidden;
  color: var(--vc-text);
  background: var(--vc-bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
#video-audio-merge-page [hidden] { display: none !important; }
#video-audio-merge-page * { box-sizing: border-box; }
#video-audio-merge-page :is(button, input, select) { font: inherit; }
#video-audio-merge-page :is(button, a) { -webkit-tap-highlight-color: transparent; }
#video-audio-merge-page :is(button, a, input, select, summary):focus-visible { outline: 3px solid #60a5fa; outline-offset: 3px; }
#video-audio-merge-page button:disabled { cursor: not-allowed; opacity: .45; }
#video-audio-merge-page i { font-style: normal; }
.vam-sound-note { display: flex; align-items: flex-start; gap: 12px; padding: 13px; margin: auto 0 4px; border: 1px solid rgba(139, 92, 246, .24); border-radius: 11px; background: rgba(124, 58, 237, .075); }
.vam-sound-note > i { color: #b69bff; font-size: 22px; }
.vam-sound-note p { margin: 5px 0 0; color: #aaa1bf; font-size: 12px; line-height: 1.6; }
.vam-workspace { align-content: center; padding: 16px; }
.vam-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.vam-file-card { min-width: 0; padding: 17px; border: 1px dashed #40526d; border-radius: 13px; background: radial-gradient(circle at 50% 40%, rgba(59, 130, 246, .08), transparent 60%), rgba(2, 6, 23, .28); transition: border-color .2s, background .2s; }
.vam-file-card--audio { border-color: #554473; background: radial-gradient(circle at 50% 40%, rgba(139, 92, 246, .1), transparent 60%), rgba(2, 6, 23, .28); }
.vam-file-card.is-dragging { border-color: #a6c9ff; background-color: rgba(59, 130, 246, .16); }
.vam-file-card.has-file { border-style: solid; }
.vam-card-heading { display: flex; align-items: center; gap: 9px; }
.vam-card-heading > span { display: grid; width: 27px; height: 27px; border-radius: 8px; place-items: center; color: #96bcff; background: rgba(59, 130, 246, .13); font-size: 11px; font-weight: 800; }
.vam-card-heading h2 { flex: 1; margin: 0; color: #e5ecf8; font-size: 14px; font-weight: 700; }
.vam-card-heading > i { color: #93baff; font-size: 18px; }
.vam-file-card--audio .vam-card-heading > i { color: #bb9af9; }
.vam-file-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 340px; text-align: center; }
.vam-file-glyph { display: grid; width: 66px; height: 66px; margin-bottom: 22px; border: 1px solid rgba(96, 165, 250, .22); border-radius: 20px; place-items: center; color: #85b0ff; background: rgba(59, 130, 246, .12); font-size: 29px; }
.vam-file-card--audio .vam-file-glyph { border-color: rgba(167, 139, 250, .25); color: #b59bff; background: rgba(124, 58, 237, .14); }
.vam-file-empty h3 { margin: 0 0 20px; color: #e2e8f0; font-size: 16px; font-weight: 600; }
.vam-file-empty button { min-height: 43px; padding: 10px 20px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #2563eb, #6d42dd); font-size: 13px; font-weight: 700; cursor: pointer; }
.vam-file-card--audio .vam-file-empty button { background: linear-gradient(135deg, #6d42dd, #9333b9); }
.vam-file-empty small { max-width: 220px; margin-top: 18px; color: #919eb4; font-size: 11px; line-height: 1.75; }
.vam-input-limit { grid-column: 1 / -1; margin: 1px 0 0; color: #9aa8bc; text-align: center; font-size: 12px; line-height: 1.6; }
.vam-file-selected { min-width: 0; padding-top: 16px; }
.vam-file-selected video { width: 100%; height: 190px; border-radius: 9px; background: #02040a; object-fit: contain; }
.vam-file-selected audio { display: block; width: 100%; height: 40px; margin: 8px 0 0; }
.vam-file-name { display: block; overflow: hidden; margin-top: 16px; color: #edf2f7; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.vam-file-meta { display: block; margin-top: 5px; color: #95a4ba; font-size: 12px; }
.vam-file-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.vam-file-actions button { min-height: 36px; padding: 7px 12px; border: 1px solid var(--vc-line); border-radius: 8px; color: #cbd5e1; background: #111827; font-size: 12px; cursor: pointer; }
.vam-file-actions button:last-child { color: #aab6c9; background: transparent; }
.vam-audio-art { display: flex; align-items: center; justify-content: center; gap: 7px; height: 142px; border-radius: 9px; background: radial-gradient(ellipse, rgba(124, 58, 237, .16), #070b15); }
.vam-audio-art span { width: 6px; height: 24px; border-radius: 9px; background: linear-gradient(#b998f9, #6546ac); }
.vam-audio-art span:nth-child(2n) { height: 48px; }
.vam-audio-art span:nth-child(3n) { height: 72px; }
.vam-audio-art span:nth-child(5) { height: 92px; }
.vam-preview-note { padding: 10px 12px; margin: 12px 0; border-radius: 8px; color: #d3c5a4; background: rgba(245, 158, 11, .07); font-size: 12px; line-height: 1.7; }
.vam-result-metrics { grid-template-columns: 1fr 1fr 1.5fr; }
.vam-result-metrics strong { line-height: 1.5; font-size: 12px; }
.vam-workspace .vc-progress { min-height: 430px; }
.vam-workspace .vc-progress__track.is-indeterminate span { width: 35% !important; animation: vam-progress 1.6s ease-in-out infinite; }
.vam-pipeline > div span { font-size: 20px; }
@keyframes vam-progress { from { transform: translateX(-100%); } to { transform: translateX(390%); } }
@media (max-width: 600px) {
  .vam-inputs { grid-template-columns: 1fr; gap: 12px; }
  .vam-file-empty { min-height: 190px; }
  .vam-file-glyph { width: 44px; height: 44px; margin-bottom: 12px; border-radius: 13px; font-size: 23px; }
  .vam-file-empty h3 { margin-bottom: 13px; }
  .vam-file-empty small { max-width: none; margin-top: 12px; }
  .vam-file-selected video { height: 190px; }
  .vam-workspace .vc-progress { min-height: 340px; }
  .vam-result-metrics { grid-template-columns: 1fr 1fr; }
  .vam-result-metrics > div:last-child { grid-column: 1 / -1; }
  .vam-pipeline > i { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #video-audio-merge-page *, #video-audio-merge-page *::before, #video-audio-merge-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Match the typography, black sections and spacious cards on image-enhance. */
#video-audio-merge-page { --vc-bg: #000; --vc-muted: #9ca3af; --vc-line: #374151; background: #000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 16px; line-height: 1.625; }
#video-audio-merge-page :is(h1,h2,h3,p) { letter-spacing: normal; }
#video-audio-merge-page .vc-shell { width: min(1280px, calc(100% - 64px)); }
#video-audio-merge-page .vc-shell--narrow { max-width: 896px; }
#video-audio-merge-page .vc-hero { padding: 128px 0 24px; background: #000; }
#video-audio-merge-page .vc-hero::before { display: none; }
#video-audio-merge-page .vc-hero__copy { max-width: 896px; margin-bottom: 32px; }
#video-audio-merge-page .vc-hero__copy { margin-bottom: 0; }
#video-audio-merge-page .vam-function { padding: 0 0 64px; background: #000; }
#video-audio-merge-page .vc-hero__copy h1 { margin: 0 0 24px; font-size: 48px; font-weight: 700; line-height: 1.25; }
#video-audio-merge-page .vc-hero__copy h1 span { background-image: linear-gradient(to right, #60a5fa, #a855f7, #ec4899); }
#video-audio-merge-page .vc-hero__copy > p { max-width: none; margin: 0 0 32px; color: #d1d5db; font-size: 20px; line-height: 1.625; }
#video-audio-merge-page .vam-tool { max-width: 1024px; grid-template-columns: minmax(0,1fr); gap: 24px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; scroll-margin-top: 96px; }
#video-audio-merge-page .vam-workspace { order: 0; padding: 0; min-height: 0; border: 0; background: none; }
#video-audio-merge-page .vam-inputs { gap: 24px; }
#video-audio-merge-page .vam-file-card { padding: 16px 24px; border: 2px dashed #374151; border-radius: 16px; background: linear-gradient(145deg,#111827,#1f2937); box-shadow: 0 8px 32px rgba(0,0,0,.3); }
#video-audio-merge-page .vam-file-card:is(:hover,.is-dragging) { border-color: #3b82f6; }
#video-audio-merge-page .vam-file-card.has-file { border-style: solid; }
#video-audio-merge-page .vam-card-heading h2 { font-size: 18px; font-weight: 600; }
#video-audio-merge-page .vam-card-heading > span { width: 32px; height: 32px; font-size: 14px; font-weight: 600; }
#video-audio-merge-page .vam-file-empty { min-height: 210px; padding: 12px 0 0; }
#video-audio-merge-page .vam-file-glyph { width: 40px; height: 40px; border: 0; background: none; color: #9ca3af; font-size: 32px; margin-bottom: 12px; }
#video-audio-merge-page .vam-file-empty h3 { font-size: 24px; line-height: 1.4; margin-bottom: 12px; font-weight: 600; }
#video-audio-merge-page :is(.vam-file-empty button,.vc-start,.vc-result__actions a) { min-height: 48px; padding: 16px 32px; border-radius: 12px; background: linear-gradient(to right,#2563eb,#9333ea); font-size: 16px; font-weight: 500; }
#video-audio-merge-page :is(.vam-file-empty small,.vam-input-limit,.vam-file-meta,.vam-preview-note,.vc-privacy) { font-size: 14px; line-height: 1.5; color: #9ca3af; }
#video-audio-merge-page .vam-file-empty small { max-width: none; margin-top: 12px; }
#video-audio-merge-page .vam-file-empty button { padding: 12px 24px; }
#video-audio-merge-page .vam-sound-note { grid-column: 1/-1; justify-self: center; max-width: 720px; margin: 0; padding: 8px 0; background: none; border: 0; }
#video-audio-merge-page .vam-sound-note p { font-size: 14px; color: #9ca3af; }
#video-audio-merge-page .vc-estimate { grid-column: 1/-1; margin: 0; font-size: 16px; }
#video-audio-merge-page .vc-start { grid-column: 1/-1; justify-self: center; width: auto; min-width: 240px; margin: 0; }
#video-audio-merge-page .vam-action { display: flex; flex-direction: column; align-items: center; gap: 12px; }
#video-audio-merge-page .vam-action .vc-estimate { width: min(100%, 400px); }
#video-audio-merge-page .vam-default-note { margin: 0; color: #9ca3af; font-size: 14px; line-height: 1.5; text-align: center; }
#video-audio-merge-page .vam-help-notes { display: grid; gap: 12px; width: min(100%, 680px); margin-top: 8px; }
#video-audio-merge-page .vam-action .vam-sound-note,
#video-audio-merge-page .vam-action .vc-privacy { display: flex; align-items: flex-start; gap: 14px; width: 100%; max-width: none; margin: 0; padding: 14px 18px; border: 1px solid #374151; border-radius: 12px; background: #111827; text-align: left; }
#video-audio-merge-page .vam-action .vam-sound-note > i,
#video-audio-merge-page .vam-action .vc-privacy > i { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #a5b4fc; background: rgba(99, 102, 241, .14); font-size: 16px; line-height: 1; }
#video-audio-merge-page .vam-action .vam-sound-note p,
#video-audio-merge-page .vam-action .vc-privacy span { margin: 0; color: #9ca3af; font-size: 14px; line-height: 1.5; }
#video-audio-merge-page .vc-section { padding: 64px 0; background: #000; border: 0; }
#video-audio-merge-page .vc-section__heading { max-width: 896px; margin: 0 auto 64px; }
#video-audio-merge-page .vc-section__heading h2 { font-size: 48px; font-weight: 700; line-height: 1.25; margin: 0 0 24px; }
#video-audio-merge-page .vc-section__heading p { color: #9ca3af; font-size: 20px; line-height: 1.625; }
#video-audio-merge-page .vam-pipeline { margin: 32px auto 0; background: #000; border-color: #374151; box-shadow: none; }
#video-audio-merge-page .vc-steps { gap: 32px; }
#video-audio-merge-page .vc-steps li { padding: 32px; border: 1px solid #374151; border-radius: 16px; background: #000; box-shadow: none; }
#video-audio-merge-page .vc-steps li { text-align: center; }
#video-audio-merge-page .vc-steps h3 { font-size: 20px; font-weight: 600; line-height: 1.4; margin-bottom: 16px; }
#video-audio-merge-page :is(.vc-steps p,.vc-faqs p) { font-size: 16px; line-height: 1.625; color: #9ca3af; }
#video-audio-merge-page .vc-steps li > b { width: 64px; height: 64px; margin: 0 auto 32px; font-size: 24px; background: linear-gradient(to right,#3b82f6,#9333ea); border: 0; border-radius: 50%; }
#video-audio-merge-page .vam-comparison .vc-section__heading h2 { color: #fff; background: linear-gradient(to right,#60a5fa,#a855f7,#ec4899); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#video-audio-merge-page .vam-comparison .vc-section__heading { margin-bottom: 48px; }
#video-audio-merge-page .vam-comparison .vam-pipeline { width: min(100%, 900px); margin: 0 auto; padding: 32px; }
#video-audio-merge-page .vam-pipeline > div { min-height: 124px; gap: 12px; }
#video-audio-merge-page .vam-pipeline .vam-pipeline__icon { display: grid; width: 56px; height: 56px; flex: 0 0 56px; place-items: center; border-radius: 16px; color: #a5b4fc; background: rgba(99, 102, 241, .14); }
#video-audio-merge-page .vam-pipeline .vam-pipeline__icon svg { display: block; width: 32px; height: 32px; }
#video-audio-merge-page .vam-pipeline > div strong { font-size: 14px; font-weight: 600; }
#video-audio-merge-page .vam-comparison__caption { max-width: 900px; margin: 24px auto 0; color: #9ca3af; font-size: 16px; line-height: 1.625; text-align: center; }
#video-audio-merge-page .vam-how-to .vc-steps li { transition: transform .2s ease, border-color .2s ease; }
#video-audio-merge-page .vam-how-to .vc-steps li:hover { border-color: #3b82f6; transform: translateY(-3px); }
#video-audio-merge-page .vam-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
#video-audio-merge-page .vam-feature-grid article { min-width: 0; padding: 32px; border: 1px solid #374151; border-radius: 16px; background: #000; text-align: center; transition: transform .2s ease, border-color .2s ease; }
#video-audio-merge-page .vam-feature-grid article:hover { border-color: #8b5cf6; transform: translateY(-3px); }
#video-audio-merge-page .vam-feature-grid article > span { display: grid; width: 48px; height: 48px; margin: 0 auto 24px; place-items: center; color: #a78bfa; font-size: 32px; line-height: 1; }
#video-audio-merge-page .vam-feature-grid h3 { margin: 0 0 16px; color: #fff; font-size: 20px; font-weight: 600; line-height: 1.4; }
#video-audio-merge-page .vam-feature-grid p { margin: 0; color: #9ca3af; font-size: 16px; line-height: 1.625; }
#video-audio-merge-page .vc-faqs { gap: 24px; }
#video-audio-merge-page .vc-faqs details { padding: 24px; background: #000; border: 1px solid #374151; border-radius: 12px; }
#video-audio-merge-page .vc-faqs summary { min-height: 0; padding: 0; color: #fff; font-size: 18px; font-weight: 600; line-height: 1.5; }
#video-audio-merge-page .vc-faqs summary:hover { opacity: .8; }
#video-audio-merge-page .vc-faqs summary svg { flex: 0 0 24px; width: 24px; height: 24px; margin-left: 16px; color: #9ca3af; transition: transform .3s ease, color .3s ease; }
#video-audio-merge-page .vc-faqs summary:hover svg { color: #fff; }
#video-audio-merge-page .vc-faqs details[open] summary svg { transform: rotate(180deg); }
#video-audio-merge-page .vc-faqs p { padding: 0; margin: 16px 0 0; }
#video-audio-merge-page :is(.vam-file-name,.vam-result-metrics strong,.vam-file-actions button) { font-size: 14px; }
@media (max-width: 768px) {
 #video-audio-merge-page .vc-shell { width: calc(100% - 32px); }
 #video-audio-merge-page .vc-hero { padding-top: 80px; padding-bottom: 16px; }
 #video-audio-merge-page .vam-function { padding-bottom: 32px; }
 #video-audio-merge-page .vc-hero__copy h1 { font-size: 32px; line-height: 1.2; margin-bottom: 16px; }
 #video-audio-merge-page .vc-hero__copy > p { font-size: 16px; line-height: 1.5; }
 #video-audio-merge-page .vam-file-card { padding: 16px; }
 #video-audio-merge-page .vam-file-empty h3 { font-size: 20px; }
 #video-audio-merge-page .vc-section__heading { margin-bottom: 32px; }
 #video-audio-merge-page .vc-section__heading h2 { font-size: 28px; line-height: 1.2; margin-bottom: 16px; }
 #video-audio-merge-page .vc-section__heading p { font-size: 16px; }
 #video-audio-merge-page .vc-steps { grid-template-columns: 1fr; gap: 16px; }
 #video-audio-merge-page .vc-steps li { padding: 24px 16px; }
 #video-audio-merge-page .vc-steps h3 { font-size: 18px; margin-bottom: 12px; }
 #video-audio-merge-page .vc-steps p { font-size: 14px; line-height: 1.5; }
 #video-audio-merge-page .vc-faqs details { padding: 16px; }
 #video-audio-merge-page .vc-faqs summary { font-size: 16px; }
 #video-audio-merge-page .vc-faqs summary svg { flex-basis: 20px; width: 20px; height: 20px; }
 #video-audio-merge-page .vc-steps li > b { width: 48px; height: 48px; font-size: 20px; }
 #video-audio-merge-page .vam-comparison .vc-section__heading { margin-bottom: 32px; }
 #video-audio-merge-page .vam-comparison .vam-pipeline { padding: 20px 12px; }
 #video-audio-merge-page .vam-pipeline > div { min-height: 112px; gap: 8px; }
 #video-audio-merge-page .vam-pipeline .vam-pipeline__icon { width: 48px; height: 48px; flex-basis: 48px; border-radius: 14px; }
 #video-audio-merge-page .vam-pipeline .vam-pipeline__icon svg { width: 28px; height: 28px; }
 #video-audio-merge-page .vam-comparison__caption { font-size: 14px; line-height: 1.5; }
 #video-audio-merge-page .vam-feature-grid { grid-template-columns: 1fr; gap: 16px; }
 #video-audio-merge-page .vam-feature-grid article { padding: 24px 16px; }
 #video-audio-merge-page .vam-feature-grid article > span { margin-bottom: 16px; }
 #video-audio-merge-page .vam-feature-grid h3 { font-size: 18px; margin-bottom: 12px; }
 #video-audio-merge-page .vam-feature-grid p { font-size: 14px; line-height: 1.5; }
}
@media (max-width: 480px) {
 #video-audio-merge-page .vc-hero__copy h1 { font-size: 28px; }
 #video-audio-merge-page .vam-inputs { gap: 16px; }
 #video-audio-merge-page .vam-file-empty { min-height: 190px; }
 #video-audio-merge-page .vc-start { min-width: 0; width: 100%; }
}