/* FLUX 3 Klein launch: shares the launch layout with /nano-banana-2-1-generator/, own palette. */
.fx3{--ground:#110e0c;--band:#1a1512;--ink:#f6f1ec;--muted:#c2b8ae;--faint:#8f857b;--line:#33291f;--accent:#ff9a5a;--accent-ink:#22110a}
.fx3 .nbl-dot{box-shadow:0 0 0 4px rgba(255,154,90,.2)}
.fx3-facts{margin-top:8px}
.fx3-facts-label{font-size:13px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)!important;margin-bottom:14px!important}
.fx3-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fx3-facts dl>div{padding:22px 20px 22px 0}
.fx3-facts dl>div+div{padding-left:20px;border-left:1px solid var(--line)}
.fx3-facts dt{font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:700;letter-spacing:-.04em;color:var(--ink);line-height:1.05}
.fx3-facts dd{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}
.fx3-duo{grid-template-columns:1fr 1fr}
.fx3-combine{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,1.9fr);gap:14px;align-items:end;margin:0}
.fx3-combine figure{margin:0;position:relative}
.fx3-combine img{width:100%;height:auto;border-radius:10px;display:block}
.fx3-ref figcaption{position:absolute;left:10px;top:10px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:14px;display:grid;place-items:center}
.fx3-batch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fx3-batch img{width:100%;height:auto;border-radius:10px;display:block}
@media (max-width:820px){
  .fx3-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fx3-facts dl>div:nth-child(3){padding-left:0;border-left:0}
  .fx3-facts dl>div:nth-child(n+3){border-top:1px solid var(--line)}
  .fx3-combine{grid-template-columns:1fr 1fr}
  .fx3-out{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.fx3 *{transition:none!important}}
.fx3 .nbl-compare-stage{aspect-ratio:1000/743}