/* Vidu Q4 launch: shares the launch layout with /nano-banana-2-1-generator/, own palette. */
.vq4{--ground:#0b0f12;--band:#12181c;--ink:#eef4f6;--muted:#b0bcc2;--faint:#7e8b92;--line:#22303a;--accent:#5fd4e8;--accent-ink:#061418}
.vq4 .nbl-dot{box-shadow:0 0 0 4px rgba(95,212,232,.2)}
.vq4 video{display:block;width:100%;height:auto;border-radius:10px;background:#000}
.vq4-video{margin:0}
.vq4-video figcaption{font-size:13px;color:var(--faint);margin-top:10px;line-height:1.5}
.vq4 .nbl-hero-media video{max-height:78vh;width:auto;max-width:100%}
.vq4-facts{margin-top:8px}
.vq4-facts-label{font-size:13px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)!important;margin-bottom:14px!important}
.vq4-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vq4-facts dl>div{padding:22px 20px 22px 0}
.vq4-facts dl>div+div{padding-left:20px;border-left:1px solid var(--line)}
.vq4-facts dt{font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700;letter-spacing:-.04em;color:var(--ink);line-height:1.05}
.vq4-facts dd{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}
.vq4-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vq4-ref{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.8fr);gap:14px;align-items:end}
.vq4-ref figure{margin:0}
.vq4-ref img{width:100%;height:auto;border-radius:10px;display:block}
.vq4-ref figcaption{font-size:13px;color:var(--faint);margin-top:10px}
.vq4-calc{margin-top:26px;display:grid;gap:22px}
.vq4-calc fieldset{border:0;padding:0;margin:0}
.vq4-calc legend{font-size:14px;color:var(--faint);margin-bottom:10px}
.vq4-seg{display:flex;flex-wrap:wrap;gap:8px}
.vq4-seg label{position:relative}
.vq4-seg input{position:absolute;opacity:0;width:1px;height:1px}
.vq4-seg span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink);font-weight:600;cursor:pointer;transition:background 160ms var(--ease),border-color 160ms var(--ease),color 160ms var(--ease)}
.vq4-seg input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.vq4-seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.vq4-dur{display:grid;gap:10px;font-size:15px;color:var(--muted)}
.vq4-dur b{color:var(--ink)}
.vq4-dur input{width:100%;accent-color:var(--accent);min-height:32px}
.vq4-result{font-size:15px!important;color:var(--muted)!important}
.vq4-result b{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;letter-spacing:-.05em;color:var(--accent);margin-right:6px}
.vq4-note{font-size:14px!important;color:var(--faint)!important}
.vq4-caption{caption-side:top;text-align:left;font-size:14px;color:var(--faint);padding-bottom:10px}
.nbl .vq4-h2-gap{margin-top:48px}
@media (max-width:820px){
  .vq4-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vq4-facts dl>div:nth-child(3){padding-left:0;border-left:0}
  .vq4-facts dl>div:nth-child(n+3){border-top:1px solid var(--line)}
  .vq4-ref{grid-template-columns:1fr 1fr}
  .vq4-ref-out{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.vq4-seg span{transition:none}}