/* Shared product typography and responsive layout. */
:root{--font-body:'Inter','Segoe UI','Malgun Gothic',system-ui,sans-serif;--font-head:var(--font-body);--font-mono:var(--font-body);--gv-ink:#162034;--gv-muted:#5e6a7d;--gv-soft:#f4f6fa;--gv-line:#e2e7ef;--gv-blue:#2563eb}
html:lang(ja){--font-body:'Inter','Noto Sans JP',sans-serif}html:lang(zh){--font-body:'Inter','Noto Sans SC',sans-serif}html:lang(ar){--font-body:'Inter','Noto Sans Arabic',sans-serif}html:lang(th){--font-body:'Inter','Noto Sans Thai',sans-serif}html:lang(hi){--font-body:'Inter','Noto Sans Devanagari',sans-serif}
html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--gv-ink);background:#fff}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2563eb;outline-offset:3px}button{cursor:pointer}.gv-nav,.gv-footer,.filename-input,.quality-btn,.quality-adv-codec,.field-label,.type-badge,.detect-toggle-label,.conc-mode-btn{font-family:var(--font-body)}.gv-nav{height:auto;min-height:76px;background:#fff;padding:18px 32px;gap:18px;flex-wrap:wrap}.gv-nav-left{gap:30px}.gv-nav-menu{gap:24px}.gv-nav .nav-link{font-size:14px;padding:4px 0}.gv-nav .nav-link[aria-current=page]{color:var(--gv-blue);font-weight:700}.gv-nav .btn-download-pill{background:var(--gv-blue);border-radius:9px;padding:10px 17px}.gv-lang-select{font:inherit;max-width:145px}.gv-footer{background:#fff;color:var(--gv-muted);font-size:13px;padding:26px 32px;gap:18px;border-top:1px solid var(--gv-line);flex-wrap:wrap}.gv-footer a{color:var(--gv-muted)}.gv-footer-sep{display:none}
.rd-wrap{max-width:1120px;margin:auto;padding:0 36px 52px}.rd-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;align-items:center;padding:76px 0 54px}.rd-eyebrow{color:var(--gv-blue);font-size:13px;font-weight:700;letter-spacing:1.4px}.rd-hero h1{font-size:clamp(34px,4.6vw,54px);letter-spacing:-1.6px;line-height:1.22;margin:18px 0 24px;word-break:keep-all}.rd-hero p,.rd-head p{font-size:18px;color:var(--gv-muted);margin:0 0 22px}.rd-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 16px}.rd-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--gv-blue);color:#fff!important;border:1px solid var(--gv-blue);border-radius:9px;text-decoration:none;font-weight:650}.rd-button.secondary{background:#fff;color:var(--gv-ink)!important;border-color:var(--gv-line)}.rd-small{font-size:14px;color:var(--gv-muted)}.rd-capture{margin:0;background:var(--gv-soft);padding:18px;border:1px solid var(--gv-line);border-radius:18px}.rd-capture img{width:100%;height:auto;display:block;border-radius:9px}.rd-capture figcaption{font-size:13px;color:var(--gv-muted);margin:12px 0 0}.rd-platforms{padding:24px 0;border-block:1px solid var(--gv-line)}.rd-platforms h2{font-size:21px;margin:0 0 18px}.rd-tags{display:flex;flex-wrap:wrap;gap:12px 22px;margin:16px 0}.rd-tags span{font-size:15px;font-weight:600}.rd-platforms details{padding:8px 0 18px}.rd-platforms p{font-size:14px;color:var(--gv-muted)}.rd-formats{display:flex;gap:24px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--gv-line)}.rd-section{padding-top:44px}.rd-section h2{font-size:26px;margin:0 0 24px}.rd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.rd-step{font-size:13px;color:var(--gv-blue);font-weight:700}.rd-steps h3{font-size:18px;margin:10px 0}.rd-steps p{font-size:15px;color:var(--gv-muted)}.rd-support{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--gv-soft);border-radius:18px;padding:26px;margin-top:40px}.rd-support a{color:var(--gv-blue);font-weight:600}.rd-head{padding:52px 0 24px}.rd-head h1{font-size:38px;line-height:1.3;margin:12px 0 18px;letter-spacing:-1px}.rd-list{border-top:1px solid var(--gv-line)}.rd-list>a{display:block;border-bottom:1px solid var(--gv-line);padding:23px 0;font-size:20px;font-weight:600;color:var(--gv-ink);text-decoration:none}.rd-list>a:hover{color:var(--gv-blue)}.rd-reading{max-width:780px;margin:auto;padding:48px 28px}.rd-reading h1{font-size:36px;line-height:1.3;margin:0 0 24px}.rd-reading h2{font-size:24px;margin:32px 0 16px}.rd-reading p,.rd-reading li{margin-bottom:16px;color:var(--gv-muted)}.rd-reading ol,.rd-reading ul{padding-inline-start:24px}.rd-faq details{padding:20px 0;border-bottom:1px solid var(--gv-line)}.rd-faq summary{font-weight:650;cursor:pointer}.rd-faq details p{margin:16px 0 0;color:var(--gv-muted)}
/* Download controls retain the existing engine's element IDs. */
body:has(.dl-card){background:#f6f8fb;font-size:16px}.dl-card{width:100%;max-width:760px;padding:36px;border:1px solid var(--gv-line);border-radius:20px;box-shadow:0 12px 45px #16203408}main:has(.dl-card){padding:36px 24px;max-width:100%;margin:auto}.field-label{font-size:14px;color:var(--gv-ink);letter-spacing:0;text-transform:none}.field-group{margin-bottom:26px}.filename-wrap{display:flex;gap:10px}.filename-input{font-size:16px;min-width:0}.filename-extension{font-size:16px;color:var(--gv-muted);border-inline-start:1px solid var(--gv-line);padding-inline-start:12px;white-space:nowrap}.filename-wrap .pencil-icon{display:none}.type-badge{font-size:13px;letter-spacing:0}.rd-quality-selects{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.rd-quality-selects label{font-size:14px;color:var(--gv-muted);display:flex;flex-direction:column;gap:7px}.rd-quality-selects select,.rd-audio-select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--gv-line);border-radius:9px;background:#fff;color:var(--gv-ink);font-size:16px}.rd-codec-fixed{padding:11px 12px;color:var(--gv-ink);font-size:16px}.quality-codec-tag{font:500 14px var(--font-body);color:var(--gv-muted)}.quality-adv-btn,.quality-btn{font-size:14px;letter-spacing:0}.quality-adv-panel{padding:16px;border-radius:10px}.quality-adv-codec{font-size:14px}.quality-adv-row{align-items:start}.quality-adv-btns{gap:7px}.quality-btn{padding:7px 11px}.audio-current-label{font-size:14px;letter-spacing:0}.rd-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.rd-progress-heading .pct{font:700 24px var(--font-body);color:var(--gv-ink);position:static;transform:none;min-width:0;white-space:normal;text-align:end}.rd-progress-heading #statusText{font-size:14px;color:var(--gv-muted)}.progress-track{height:8px;border-radius:8px;overflow:hidden}.progress-fill{background:var(--gv-blue);min-width:0;height:100%;border-radius:8px}.progress-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px}.seg-counter,.speed{font:500 16px var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--gv-muted)}.speed{color:var(--gv-ink);margin-inline-start:auto}.pct{font-variant-numeric:tabular-nums}.progress-section.indeterminate .progress-fill{width:35%!important;animation:rd-pending 1.5s ease-in-out infinite alternate}.progress-section.indeterminate .pct{font-size:18px}.detect-toggle-label{font-size:13px;letter-spacing:0}.controls-row{gap:20px;flex-wrap:wrap}.btn-action{font-size:16px;min-height:48px;letter-spacing:0}.opt-hint{font-size:14px;line-height:1.7}.codec-modal-card{font-family:var(--font-body)}.gv-ad--side{inset-inline-end:24px}.qualityGroup{min-width:0}
@keyframes rd-pending{to{transform:translateX(185%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-section.indeterminate .progress-fill{animation:none}}
@media(max-width:720px){.gv-nav{padding:16px 20px}.gv-nav-left{flex-wrap:wrap;gap:12px;width:100%}.gv-nav-menu{gap:20px;flex-wrap:wrap}.gv-nav-right{width:100%;justify-content:space-between}.rd-wrap{padding:0 22px 32px}.rd-hero{grid-template-columns:1fr;padding:38px 0;gap:28px}.rd-steps{grid-template-columns:1fr;gap:22px}.rd-head h1{font-size:32px}.rd-reading{padding:32px 22px}.dl-card{padding:24px 18px}.rd-quality-selects{grid-template-columns:1fr}.rd-progress-heading{align-items:flex-start}.rd-progress-heading .pct{font-size:21px}.field-label-row{flex-wrap:wrap;gap:10px}.quality-adv-row{flex-direction:column;gap:10px}.controls-row .opts-group{flex-wrap:wrap;gap:20px}.action-buttons-wrap{width:100%}.gv-footer{padding:22px}.gv-ad--side{display:none}}
html[dir=rtl] .rd-hero h1,html[dir=rtl] .rd-head h1{letter-spacing:0}html[dir=rtl] .quality-adv-codec{text-align:right}

.rd-download-status{font-size:14px;color:var(--gv-muted);margin:0 0 14px}.rd-download-status:empty{display:none}.rd-progress-heading>span:first-child{font-size:14px;color:var(--gv-muted)}.progress-section.is-processing .rd-progress-heading>span:first-child{display:none}.progress-section.is-processing .pct{margin-inline-start:auto;font-size:18px}
.dl-card{gap:20px}.dl-card .field-group{margin-bottom:4px}.dl-card .controls-row{padding:12px 0}.dl-card .progress-section{gap:0}.dl-card .rd-progress-heading{margin-bottom:12px}.rd-download-status[hidden]{display:none}.rd-quality-selects label{line-height:1.5}.btn-download:not(.done):not(.save-ready){background:var(--gv-blue)}
.rd-quality-trigger{padding:10px 14px;border:1px solid var(--gv-line);border-radius:9px;background:#fff;color:var(--gv-ink);font:600 16px var(--font-body);text-align:start;white-space:normal}.rd-quality-trigger[aria-expanded=true]{border-color:var(--gv-blue);color:var(--gv-blue)}.rd-quality-fixed{font-size:16px;color:var(--gv-ink)}#qualityGroup .quality-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#qualityGroup #btnCodecCompare{order:2}.rd-codec-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--gv-line)}.rd-codec-tab{border:0;padding:8px 12px;border-radius:7px;background:transparent;color:var(--gv-muted);font-size:14px}.rd-codec-tab[aria-pressed=true]{background:#e7efff;color:#1d4ed8;font-weight:700}.rd-quality-choices{display:flex;flex-wrap:wrap;gap:8px}.rd-quality-choices .quality-btn{font-size:14px;padding:9px 13px;min-height:40px}#qualityAdvPanel:empty{display:none}@media(max-width:480px){#qualityGroup .field-label-row{align-items:flex-start}#qualityGroup .quality-header-actions{gap:8px}.rd-quality-trigger{font-size:14px}.rd-codec-tabs{gap:4px}}
/* Keep audio label and language selection on one row, including narrow screens. */
#audioTrackGroup{display:flex;align-items:center;gap:16px;min-width:0}#audioTrackGroup>.field-label-row{margin:0;flex:0 0 auto}#audioTrackGroup .field-label{margin:0}#audioAdvPanel{flex:1;min-width:0;margin:0;margin-inline-start:auto;max-width:340px}#audioBtns{display:block;width:100%;min-width:0}#audioTrackGroup .rd-audio-select{display:block;width:100%;font-family:var(--font-body);text-overflow:ellipsis}#audioTrackGroup .audio-current-label{margin-inline-start:12px}@media(max-width:480px){#audioTrackGroup{gap:12px}#audioTrackGroup .rd-audio-select{font-size:14px}}
#audioTrackGroup{flex-direction:row;flex-wrap:nowrap}