/* Private Concept 4 — sidebar engine selector + connected upload workspace.
   Served only to the authorized test account, never on public CSS. */
body.fx-four-engine-preview .engine-heading h2 {
  font-size: clamp(24px, 2.65vw, 40px);
  letter-spacing: .065em;
}
body.fx-four-engine-preview .optimizer-card-v2,
body.fx-four-engine-preview .optimizer-card-v2.dual-engine-preview {
  padding: 13px !important;
  border: 1px solid rgba(63, 139, 218, .29);
  border-radius: 27px;
  background:
    radial-gradient(ellipse at 70% -14%, rgba(30, 105, 181, .11), transparent 53%),
    linear-gradient(150deg, #07101b, #050a12 82%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 24px 75px rgba(0,0,0,.27);
}
body.fx-four-engine-preview .optimizer-card-v2 .optimizer-engine-bar { display: none !important; }
body.fx-four-engine-preview .fx-four-engine-layout {
  --fx-accent: #38a7ff;
  --fx-accent-light: #bfe5ff;
  --fx-accent-rgb: 56,167,255;
  display: grid;
  grid-template-columns: minmax(294px, 35%) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  min-width: 0;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="ultra"] {
  --fx-accent: #5baafc;
  --fx-accent-light: #d6efff;
  --fx-accent-rgb: 83,174,255;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] {
  --fx-accent: #bb83fa;
  --fx-accent-light: #f2deff;
  --fx-accent-rgb: 187,131,250;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] {
  --fx-accent: #59d9da;
  --fx-accent-light: #d5ffff;
  --fx-accent-rgb: 89,217,218;
}
body.fx-four-engine-preview .fx-engine-sidebar,
body.fx-four-engine-preview .fx-upload-column {
  position: relative;
  min-width: 0;
  border: 1px solid rgba(114,158,219,.13);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(39,89,146,.075),transparent 65%),
    rgba(4,10,19,.47);
  padding: 21px;
}
body.fx-four-engine-preview .fx-engine-sidebar { padding: 22px 20px 17px; }
body.fx-four-engine-preview .fx-upload-column {
  padding: 22px 20px;
  background:
    radial-gradient(ellipse at 50% 56%, rgba(var(--fx-accent-rgb), .055), transparent 70%),
    rgba(4,10,19,.53);
}
body.fx-four-engine-preview .fx-step-heading { margin: 0 0 22px; }
body.fx-four-engine-preview .fx-step-kicker {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(var(--fx-accent-rgb), .34);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .18em;
  line-height: 1.5;
  color: var(--fx-accent-light);
  background: rgba(var(--fx-accent-rgb),.09);
}
body.fx-four-engine-preview .fx-step-heading h3 {
  margin: 9px 0 5px;
  color: #eef4ff;
  font-size: clamp(17px,1.35vw,22px);
  font-weight: 950;
  letter-spacing: .055em;
}
body.fx-four-engine-preview .fx-step-heading p {
  margin: 0;
  color: #94a9c3;
  font-size: 12px;
  line-height: 1.55;
}
body.fx-four-engine-preview .fx-step-heading p strong {
  color: var(--fx-accent-light);
  font-weight: 850;
}
body.fx-four-engine-preview .optimizer-engine-switch,
body.fx-four-engine-preview .optimizer-engine-switch.hidden {
  display: block !important;
  margin: 0 0 19px;
  width: 100%;
  pointer-events: auto !important;
}
body.fx-four-engine-preview .optimizer-engine-switch-track {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
}
body.fx-four-engine-preview .optimizer-engine-switch .optimizer-engine-option {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 13px;
  width: 100%;
  min-height: 76px;
  border: 1px solid rgba(139,176,228,.13);
  border-radius: 16px;
  padding: 12px;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
  pointer-events: auto !important;
  color: #a6b6c9;
  background: linear-gradient(125deg,rgba(19,34,54,.74),rgba(6,13,25,.82));
  box-shadow: none;
  transition: background .22s,border .22s,color .22s,box-shadow .22s,transform .22s;
}
body.fx-four-engine-preview .optimizer-engine-switch .optimizer-engine-option:hover:not(.active),
body.fx-four-engine-preview .optimizer-engine-switch .optimizer-engine-option:focus-visible {
  border-color: rgba(var(--fx-accent-rgb),.55);
  color: #f0f7ff;
  outline: none;
  transform: translateX(2px);
}
body.fx-four-engine-preview .optimizer-engine-switch .optimizer-engine-option.active {
  border-color: rgba(var(--fx-accent-rgb),.98);
  color: #f6fbff;
  background:
    radial-gradient(ellipse at 50% -30%,rgba(var(--fx-accent-rgb),.21),transparent 90%),
    linear-gradient(110deg,rgba(var(--fx-accent-rgb),.13),rgba(3,10,20,.92));
  box-shadow: inset 0 0 0 1px rgba(var(--fx-accent-rgb),.31),
              0 0 22px rgba(var(--fx-accent-rgb),.19);
}
body.fx-four-engine-preview .fx-engine-choice-icon {
  flex: 0 0 48px;
  height: 48px;
  width: 48px;
  display: grid;
  place-items: center;
  color: #b8d0ec;
  border: 1px solid rgba(150,198,253,.15);
  border-radius: 13px;
  background: linear-gradient(140deg,rgba(31,54,80,.76),rgba(9,19,34,.93));
}
body.fx-four-engine-preview .fx-engine-choice-icon svg {
  height: 27px;
  width: 27px;
  pointer-events: none;
}
body.fx-four-engine-preview .optimizer-engine-option.active .fx-engine-choice-icon {
  color: var(--fx-accent-light);
  background: rgba(var(--fx-accent-rgb),.11);
  border-color: rgba(var(--fx-accent-rgb),.32);
  filter: drop-shadow(0 0 7px rgba(var(--fx-accent-rgb),.28));
}
body.fx-four-engine-preview .fx-engine-choice-main {
  display: block;
  min-width: 0;
  flex: 1;
}
body.fx-four-engine-preview .fx-engine-choice-top {
  display: flex;
  gap: 7px;
  align-items: center;
  flex-wrap: wrap;
}
body.fx-four-engine-preview .fx-engine-choice-top strong {
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .06em;
  color: inherit;
}
body.fx-four-engine-preview .fx-engine-type,
body.fx-four-engine-preview .fx-about-badge {
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .12em;
  border: 1px solid rgba(157,187,220,.24);
  border-radius: 999px;
  color: #c6d4e6;
  padding: 3px 7px;
  line-height: 1.1;
  background: rgba(122,147,183,.10);
}
body.fx-four-engine-preview .fx-engine-choice-main small {
  display: block;
  margin-top: 6px;
  font-weight: 750;
  font-size: 10px;
  letter-spacing: .025em;
  color: #8eabc7;
}
body.fx-four-engine-preview .fx-engine-choice-check {
  flex: 0 0 23px;
  height: 23px;
  width: 23px;
  display: grid;
  place-items: center;
  color: transparent;
  border: 1px solid rgba(153,190,239,.4);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 900;
}
body.fx-four-engine-preview .optimizer-engine-option.active .fx-engine-choice-check {
  background: var(--fx-accent);
  border-color: var(--fx-accent);
  box-shadow: 0 0 14px rgba(var(--fx-accent-rgb),.4);
  color: #06111e;
}
body.fx-four-engine-preview .fx-engine-about {
  border: 1px solid rgba(var(--fx-accent-rgb),.24);
  border-radius: 17px;
  background: linear-gradient(140deg,rgba(13,30,49,.85),rgba(7,13,25,.77));
  padding: 16px 15px;
  box-shadow: 0 13px 29px rgba(0,0,0,.13);
}
body.fx-four-engine-preview .fx-engine-about-header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
body.fx-four-engine-preview .fx-about-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(var(--fx-accent-rgb),.095);
  border: 1px solid rgba(var(--fx-accent-rgb),.19);
  color: var(--fx-accent-light);
  font-size: 24px;
}
body.fx-four-engine-preview .fx-about-title-group {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
body.fx-four-engine-preview .fx-about-title-group small {
  color: #91a7c1;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .15em;
}
body.fx-four-engine-preview .fx-about-title-group strong {
  color: #eef5fe;
  font-size: 12px;
  font-weight: 950;
}
body.fx-four-engine-preview .fx-about-badge {color:var(--fx-accent-light);}
body.fx-four-engine-preview .fx-instructions {
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  gap: 11px;
  list-style: none;
}
body.fx-four-engine-preview .fx-instruction-line {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #bac8d9;
  font-size: 11px;
  line-height: 1.5;
}
body.fx-four-engine-preview .fx-instruction-check {
  flex: 0 0 17px;
  height: 17px;
  display: grid;
  place-items: center;
  margin-top: 0;
  border-radius: 50%;
  color: #071320;
  background: var(--fx-accent);
  font-size: 11px;
  font-weight: 950;
}
body.fx-four-engine-preview .fx-private-footnote {
  margin: 15px 0 0;
  text-align: center;
  font-size: 9px;
  letter-spacing: .05em;
  color: #728da7;
}
body.fx-four-engine-preview .fx-upload-heading {margin-bottom: 18px;}
body.fx-four-engine-preview .fx-engine-sidebar::after {
  content: '';
  position: absolute;
  z-index: 4;
  right: -22px;
  top: var(--fx-active-link-top, 33%);
  width: 23px;
  height: 2px;
  background: var(--fx-accent);
  box-shadow: 0 0 14px rgba(var(--fx-accent-rgb),.8);
  pointer-events: none;
}
body.fx-four-engine-preview .fx-flow-connector {
  position: absolute;
  z-index: 4;
  left: -32px;
  top: var(--fx-beam-top,32%);
  width: 35px;
  height: 2px;
  border-radius: 2px;
  background: var(--fx-accent);
  box-shadow: 0 0 14px rgba(var(--fx-accent-rgb),.8),0 0 30px rgba(var(--fx-accent-rgb),.35);
  pointer-events: none;
}
body.fx-four-engine-preview .fx-flow-connector span {
  position: absolute;
  right: -2px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--fx-accent);
  box-shadow: 0 0 19px rgba(var(--fx-accent-rgb),.95);
}
body.fx-four-engine-preview .fx-upload-workspace {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-width: 0;
}
body.fx-four-engine-preview .fx-upload-workspace .optimizer-drop-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(315px, 34vw, 440px);
  margin: 0;
  padding: 32px 16px;
  border-radius: 19px;
  border: 1px dashed rgba(var(--fx-accent-rgb),.59);
  background:
    radial-gradient(ellipse at 50% 44%,rgba(var(--fx-accent-rgb),.09),transparent 70%),
    linear-gradient(140deg,#060d18,#071321);
  box-shadow: inset 0 0 40px rgba(var(--fx-accent-rgb),.04),
              0 0 0 6px rgba(var(--fx-accent-rgb),.035);
}
body.fx-four-engine-preview .fx-upload-workspace .optimizer-drop-zone:hover {
  border-color: var(--fx-accent);
  box-shadow: inset 0 0 35px rgba(var(--fx-accent-rgb),.06),
              0 0 0 6px rgba(var(--fx-accent-rgb),.065);
}
body.fx-four-engine-preview .optimizer-drop-zone .upload-icon {
  margin: 0 auto 21px;
  border: 1px solid rgba(var(--fx-accent-rgb),.4);
  color: var(--fx-accent-light);
  background: rgba(var(--fx-accent-rgb),.11);
}
body.fx-four-engine-preview .fx-upload-workspace .optimizer-drop-zone > strong {
  color: #f1f5ff;
  font-size: clamp(19px,2vw,25px);
  line-height: 1.25;
}
body.fx-four-engine-preview .fx-upload-workspace .optimizer-drop-zone > span {
  margin-top: 7px;
  color: #a9bdd4;
}
body.fx-four-engine-preview .optimizer-drop-zone .optimizer-bitrate {
  color: #a4bdd9;
}
body.fx-four-engine-preview .optimizer-drop-zone .optimizer-bitrate b {color:var(--fx-accent-light);}
body.fx-four-engine-preview .fx-choosefile-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 18px auto 4px;
  min-width: 175px;
  padding: 11px 18px;
  border-radius: 999px;
  border: 1px solid rgba(var(--fx-accent-rgb),.47);
  color: #edf5fe;
  font-weight: 850;
  font-size: 12px;
  background: linear-gradient(135deg,rgba(35,59,88,.86),rgba(12,25,43,.97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.065);
  pointer-events: none;
}
body.fx-four-engine-preview .fx-choosefile-pill svg {height:18px;width:18px;}
body.fx-four-engine-preview .fx-upload-microstats {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 10px 8px;
  color: #96b1ce;
  background: rgba(12,24,39,.8);
  border: 1px solid rgba(121,169,223,.13);
  padding: 12px 9px;
  border-radius: 11px;
  font-size: 10px;
  font-weight: 750;
  text-align: center;
}
body.fx-four-engine-preview .fx-upload-microstats span:not(:last-child) {
  border-right: 1px solid rgba(170,191,225,.14);
  padding-right: 12px;
}
body.fx-four-engine-preview .optimizer-card-v2 .optimizer-size-area,
body.fx-four-engine-preview .optimizer-card-v2 .optimizer-video-meta,
body.fx-four-engine-preview .optimizer-card-v2 .optimizer-live-progress,
body.fx-four-engine-preview .optimizer-card-v2 .optimizer-action-area,
body.fx-four-engine-preview .optimizer-card-v2 .optimizer-user-usage {
  min-width: 0;
  max-width: 100%;
}
/* Hide the free file-size and duration progress bars in the PRIVATE
   four-engine layout on all devices and engines. Keep the original DOM
   and its existing 80 MB / 30 sec validation + upgrade popup logic. */
body.fx-four-engine-preview .fx-four-engine-layout #optimizerSizeArea {
  display: none !important;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] #optimizerRecommendedBitrate,
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] #optimizerRecommendedBitrate {
  color: var(--fx-accent-light) !important;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] #optimizeBtn:not(:disabled),
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] #optimizeBtn:not(:disabled) {
  background: linear-gradient(110deg,var(--fx-accent),#3c658c);
}
body.fx-four-engine-preview .optimizer-engine-switch.ultra-launching .optimizer-engine-option {
  pointer-events: auto !important;
}
@media (max-width: 1080px) {
  body.fx-four-engine-preview .fx-four-engine-layout {
    grid-template-columns: minmax(280px,39%) minmax(0,1fr);
  }
  body.fx-four-engine-preview .fx-engine-sidebar,
  body.fx-four-engine-preview .fx-upload-column {padding: 16px;}
  body.fx-four-engine-preview .fx-engine-choice-icon {
    flex-basis: 40px;
    height: 40px;
  }
  body.fx-four-engine-preview .fx-engine-choice-main small {font-size:9px;}
}
@media (max-width: 810px) {
  body.fx-four-engine-preview .optimizer-card-v2,
  body.fx-four-engine-preview .optimizer-card-v2.dual-engine-preview {
    padding: 10px !important;
    border-radius: 20px;
  }
  body.fx-four-engine-preview .fx-four-engine-layout {
    grid-template-columns: minmax(0,1fr);
    gap: 16px;
  }
  body.fx-four-engine-preview .fx-engine-sidebar,
  body.fx-four-engine-preview .fx-upload-column {
    padding: 17px 14px;
    border-radius: 17px;
  }
  body.fx-four-engine-preview .fx-step-heading {margin-bottom: 17px;}
  body.fx-four-engine-preview .fx-engine-choice-main small {font-size:10px;}
  body.fx-four-engine-preview .fx-engine-sidebar::after {display:none;}
  body.fx-four-engine-preview .fx-flow-connector {
    left: calc(50% - 1px);
    top: -19px;
    height: 23px;
    width: 2px;
  }
  body.fx-four-engine-preview .fx-flow-connector span {
    right: -4px;
    top: auto;
    bottom: -2px;
  }
  body.fx-four-engine-preview .fx-upload-workspace .optimizer-drop-zone {
    min-height: 255px;
  }
  body.fx-four-engine-preview .fx-instructions {gap: 9px;}
}
@media (max-width: 480px) {
  body.fx-four-engine-preview .engine-heading h2 {font-size: 22px;}
  body.fx-four-engine-preview .fx-engine-sidebar,
  body.fx-four-engine-preview .fx-upload-column {padding: 14px 11px;}
  body.fx-four-engine-preview .fx-step-heading h3 {font-size: 17px;}
  body.fx-four-engine-preview .optimizer-engine-switch .optimizer-engine-option {
    min-height: 66px;
    padding: 10px 9px;
    gap: 10px;
    border-radius: 13px;
  }
  body.fx-four-engine-preview .fx-engine-choice-icon {
    flex: 0 0 37px;
    height: 37px;
    border-radius: 11px;
  }
  body.fx-four-engine-preview .fx-engine-choice-icon svg {width: 21px;height: 21px;}
  body.fx-four-engine-preview .fx-engine-choice-main strong {font-size: 10px;}
  body.fx-four-engine-preview .fx-engine-choice-main small {font-size: 9px;margin-top: 4px;}
  body.fx-four-engine-preview .fx-engine-type {font-size: 6px;padding: 2px 5px;}
  body.fx-four-engine-preview .fx-engine-choice-check {flex-basis: 19px;height:19px;width:19px;font-size:12px;}
  body.fx-four-engine-preview .fx-engine-about {padding: 14px 11px;}
  body.fx-four-engine-preview .fx-about-title-group strong {font-size: 10px;}
  body.fx-four-engine-preview .fx-instruction-line {font-size: 10px;}
  body.fx-four-engine-preview .fx-upload-microstats {font-size: 9px;}
  body.fx-four-engine-preview .fx-upload-workspace .optimizer-drop-zone {min-height:230px;padding:22px 9px;}
  body.fx-four-engine-preview .fx-upload-microstats span:not(:last-child) {padding-right:5px;}
}
/* PRIVATE DESIGN: instantaneous Original / Ultra / Haze / Zeta switching.
   No ignition animation, flying cloned cards, CSS easing or waiting. */
body.fx-four-engine-preview .fx-four-engine-layout .optimizer-engine-option,
body.fx-four-engine-preview .fx-four-engine-layout .fx-engine-choice-icon,
body.fx-four-engine-preview .fx-four-engine-layout .fx-engine-choice-check,
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-column,
body.fx-four-engine-preview .fx-four-engine-layout .fx-engine-about {
  transition: none !important;
  animation: none !important;
}
body.fx-four-engine-preview .optimizer-engine-launch-clone,
body.fx-four-engine-preview .optimizer-engine-launch-effects {
  display: none !important;
  animation: none !important;
}
/* Also remove the continuous 3.8-second Ultra Premium Breath animation.
   That animation was still running even after the launch movie was removed. */
body.fx-four-engine-preview .optimizer-card-v2.ultra-premium-active,
body.fx-four-engine-preview .optimizer-card-v2.ultra-ignition,
body.fx-four-engine-preview .optimizer-card-v2.ultra-ignition-hit,
body.fx-four-engine-preview .optimizer-card-v2.ultra-crash-impact,
body.fx-four-engine-preview .engine-heading.ultra-crash-impact-heading,
body.fx-four-engine-preview .optimizer-card-v2.ultra-premium-active .optimizer-drop-zone {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}
body.fx-four-engine-preview .optimizer-card-v2.ultra-premium-active {
  filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  body.fx-four-engine-preview .optimizer-engine-option {transition:none !important;}
}


/* PRIVATE DESIGN: refined dark studio treatment.
   Four identifiable but muted colors. No colored card fills or neon bloom. */
body.fx-four-engine-preview .fx-four-engine-layout {
  --fx-accent: #98a8ba;
  --fx-accent-light: #d8e0e9;
  --fx-accent-rgb: 152,168,186;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="ultra"] {
  --fx-accent: #86a8cd;
  --fx-accent-light: #d0e1f2;
  --fx-accent-rgb: 134,168,205;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] {
  --fx-accent: #ae94c3;
  --fx-accent-light: #e3d3ed;
  --fx-accent-rgb: 174,148,195;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] {
  --fx-accent: #b49d7c;
  --fx-accent-light: #e6d9c2;
  --fx-accent-rgb: 180,157,124;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--original {
  --fx-card-accent: #98a8ba;
  --fx-card-light: #d8e0e9;
  --fx-card-rgb: 152,168,186;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--ultra {
  --fx-card-accent: #86a8cd;
  --fx-card-light: #d0e1f2;
  --fx-card-rgb: 134,168,205;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze {
  --fx-card-accent: #ae94c3;
  --fx-card-light: #e3d3ed;
  --fx-card-rgb: 174,148,195;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta {
  --fx-card-accent: #b49d7c;
  --fx-card-light: #e6d9c2;
  --fx-card-rgb: 180,157,124;
}

/* Cards all have the same quiet graphite/navy foundation. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice {
  background: linear-gradient(118deg,#0f1723 0%,#0a111d 68%,#09101b 100%);
  border-color: rgba(163,180,201,.15);
  color: #dce4f0;
  box-shadow: inset 0 1px 0 rgba(226,235,248,.025);
  transform: none !important;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice::before {
  content: "";
  position: absolute;
  top: 19px;
  bottom: 19px;
  left: 0;
  width: 2px;
  background: var(--fx-card-accent);
  border-radius: 0 2px 2px 0;
  opacity: .45;
  pointer-events: none;
  box-shadow: none;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice:hover:not(.active),
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice:focus-visible {
  color: #f2f5fa;
  border-color: rgba(var(--fx-card-rgb),.35);
  background: linear-gradient(116deg,#121b2a,#0a111d);
  box-shadow: inset 0 1px 0 rgba(226,235,248,.04);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active {
  color: #f5f8fc;
  border-color: rgba(var(--fx-card-rgb),.57);
  background:
    linear-gradient(112deg,rgba(var(--fx-card-rgb),.075),transparent 42%),
    linear-gradient(115deg,#111b2a,#0b121f 68%,#0a101a);
  box-shadow:
    inset 0 1px 0 rgba(233,240,255,.065),
    inset 0 0 0 1px rgba(var(--fx-card-rgb),.07);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active::before {
  width: 2px;
  opacity: .88;
  box-shadow: none;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon {
  background: linear-gradient(150deg,#192434,#0d1522);
  border-color: rgba(175,188,205,.17);
  color: var(--fx-card-accent);
  filter: none;
  box-shadow: inset 0 1px 0 rgba(240,245,255,.035);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon {
  color: var(--fx-card-light);
  border-color: rgba(var(--fx-card-rgb),.34);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top strong {
  color: #e5eaf2;
  letter-spacing: .045em;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-main small,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-main small {
  color: #8f9db0;
  font-weight: 750;
  letter-spacing: .045em;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-main small {
  color: var(--fx-card-accent);
}

/* Matte metallic micro-labels; original 7px / mobile 6px dimensions stay. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-type,
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-badge {
  font-size: 7px;
  line-height: 1.1;
  padding: 3px 7px;
  border-radius: 999px;
  letter-spacing: .12em;
  border: 1px solid rgba(var(--fx-card-rgb),.27);
  color: var(--fx-card-light);
  background: linear-gradient(180deg,rgba(var(--fx-card-rgb),.11),rgba(var(--fx-card-rgb),.045));
  box-shadow: inset 0 1px 0 rgba(237,244,255,.04);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-badge {
  border-color: rgba(var(--fx-accent-rgb),.28);
  color: var(--fx-accent-light);
  background: rgba(var(--fx-accent-rgb),.085);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type {
  border-color: rgba(var(--fx-card-rgb),.45);
  box-shadow: inset 0 1px 0 rgba(240,246,255,.05);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-check {
  border-color: rgba(161,179,200,.23);
  color: transparent;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-check {
  background: var(--fx-card-accent);
  border-color: var(--fx-card-accent);
  box-shadow: none;
  color: #101823;
}

/* The selected tone carries quietly into the adjacent workspace. */
body.fx-four-engine-preview .fx-four-engine-layout .fx-engine-about {
  background: linear-gradient(140deg,#101a29,#0a111d 77%);
  border-color: rgba(149,169,192,.17);
  box-shadow: inset 0 1px 0 rgba(242,248,255,.035);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-icon {
  background: #172335;
  border-color: rgba(170,184,205,.16);
  color: var(--fx-accent);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-instruction-check {
  color: var(--fx-accent);
  background: rgba(var(--fx-accent-rgb),.075);
  border: 1px solid rgba(var(--fx-accent-rgb),.36);
  font-size: 10px;
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-instruction-line {
  color: #acb9ca;
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-column {
  border-color: rgba(148,168,192,.15);
  background: linear-gradient(150deg,#070e18,#090f1a 95%);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-workspace .optimizer-drop-zone,
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] .fx-upload-workspace .optimizer-drop-zone,
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] .fx-upload-workspace .optimizer-drop-zone {
  background: linear-gradient(145deg,#0a121f,#0b101a 72%,#0d121d);
  border-color: rgba(var(--fx-accent-rgb),.32);
  box-shadow: inset 0 1px 0 rgba(245,250,255,.025);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-workspace .optimizer-drop-zone:hover {
  border-color: rgba(var(--fx-accent-rgb),.52);
  box-shadow: inset 0 1px 0 rgba(245,250,255,.04);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-flow-connector,
body.fx-four-engine-preview .fx-four-engine-layout .fx-engine-sidebar::after {
  box-shadow: none;
  opacity: .75;
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-flow-connector span {
  box-shadow: 0 0 6px rgba(var(--fx-accent-rgb),.18);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-choosefile-pill {
  background: linear-gradient(160deg,#182537,#111c2b);
  border-color: rgba(179,195,215,.26);
  color: #dce6f2;
  box-shadow: inset 0 1px 0 rgba(237,247,255,.045);
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] #optimizeBtn:not(:disabled),
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] #optimizeBtn:not(:disabled) {
  color: #eaf0f8;
  background: linear-gradient(110deg,#263549,#172437);
  border: 1px solid rgba(var(--fx-accent-rgb),.36);
  box-shadow: inset 0 1px 0 rgba(237,245,255,.065);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-private-footnote {
  color: #718096;
  letter-spacing: .12em;
  font-weight: 750;
}
@media (max-width: 480px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-type {
    font-size: 6px;
    padding: 2px 5px;
  }
}

/* Private reference refinement v8:
   Exactly as the concept board: all copy stays neutral, while the
   icon, hairline and selected glow carry each engine's identity. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active {
  color: #e7edf6;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top strong,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-top strong {
  color: #e9eef6;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-main small,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-main small,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-main small {
  color: #a5b1c3;
  font-weight: 700;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-type,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type,
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-badge {
  color: #d9e2ec;
  background: rgba(162,181,208,.075);
  border-color: rgba(var(--fx-card-rgb),.28);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-badge {
  border-color: rgba(var(--fx-accent-rgb),.36);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-heading p strong,
body.fx-four-engine-preview .fx-four-engine-layout #optimizerRecommendedBitrate,
body.fx-four-engine-preview .fx-four-engine-layout .fx-step-kicker,
body.fx-four-engine-preview .fx-four-engine-layout .fx-instruction-line,
body.fx-four-engine-preview .fx-four-engine-layout .fx-instructions span:not(.fx-instruction-check) {
  color: #c1ccda !important;
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-title-group strong {
  color: #edf2f9;
}
/* Colored icon mark only: brighter within a deep, shared navy icon tile. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon {
  color: var(--fx-card-accent);
  background:
    radial-gradient(circle at 50% 48%,rgba(var(--fx-card-rgb),.13),transparent 75%),
    linear-gradient(140deg,#172235,#0a1424);
  border-color: rgba(var(--fx-card-rgb),.24);
  filter: none;
  box-shadow: inset 0 1px 0 rgba(232,243,255,.05);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon svg {
  filter: drop-shadow(0 0 5px rgba(var(--fx-card-rgb),.23));
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon svg {
  filter: drop-shadow(0 0 8px rgba(var(--fx-card-rgb),.43));
}
/* Selected engine: precise colored outline + halo, no colored body fill. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active {
  border-color: rgba(var(--fx-card-rgb),.85);
  background:
    linear-gradient(110deg,rgba(var(--fx-card-rgb),.04),transparent 38%),
    linear-gradient(120deg,#0f1928,#0a1321 68%,#0a111d);
  box-shadow:
    0 0 0 1px rgba(var(--fx-card-rgb),.17),
    0 0 19px rgba(var(--fx-card-rgb),.16),
    0 0 36px rgba(var(--fx-card-rgb),.045),
    inset 0 1px 0 rgba(238,245,255,.075);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active::before {
  opacity: 1;
  box-shadow: 0 0 7px rgba(var(--fx-card-rgb),.44);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-check {
  background: var(--fx-card-accent);
  color: #0d1522;
  box-shadow: 0 0 10px rgba(var(--fx-card-rgb),.34);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-instruction-check {
  color: #ecf1f8;
  background: rgba(var(--fx-accent-rgb),.19);
  border-color: rgba(var(--fx-accent-rgb),.40);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-flow-connector,
body.fx-four-engine-preview .fx-four-engine-layout .fx-engine-sidebar::after {
  opacity: .92;
  box-shadow: 0 0 10px rgba(var(--fx-accent-rgb),.44);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-flow-connector span {
  box-shadow: 0 0 12px rgba(var(--fx-accent-rgb),.64);
}
/* Upload frame catches the same gentle glow at its upper edge/corner. */
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-workspace .optimizer-drop-zone,
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] .fx-upload-workspace .optimizer-drop-zone,
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] .fx-upload-workspace .optimizer-drop-zone {
  border-color: rgba(var(--fx-accent-rgb),.46);
  background:
    radial-gradient(ellipse at 100% 0%,rgba(var(--fx-accent-rgb),.09),transparent 42%),
    linear-gradient(145deg,#091320,#0b101b 73%,#0a111e);
  box-shadow:
    0 0 0 5px rgba(var(--fx-accent-rgb),.025),
    inset 0 0 26px rgba(var(--fx-accent-rgb),.022),
    0 0 20px rgba(var(--fx-accent-rgb),.055);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-workspace .optimizer-drop-zone:hover {
  border-color: rgba(var(--fx-accent-rgb),.68);
  box-shadow: 0 0 0 5px rgba(var(--fx-accent-rgb),.04),0 0 20px rgba(var(--fx-accent-rgb),.085);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-icon {
  color: var(--fx-accent);
}

/* Mode-specific recommendation text always stays neutral as well. */
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] #optimizerRecommendedBitrate,
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] #optimizerRecommendedBitrate {
  color: #c1ccda !important;
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-instruction-check {
  color: var(--fx-accent);
}

/* V9 — stronger premium glow, brighter engine colors; neutral text preserved. */
body.fx-four-engine-preview .fx-four-engine-layout {
  --fx-accent: #9fcafa;
  --fx-accent-light: #dce9f7;
  --fx-accent-rgb: 159,202,250;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="ultra"] {
  --fx-accent: #61b8ff;
  --fx-accent-light: #dce9f7;
  --fx-accent-rgb: 97,184,255;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] {
  --fx-accent: #dc92fb;
  --fx-accent-light: #dce9f7;
  --fx-accent-rgb: 220,146,251;
}
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] {
  --fx-accent: #f5c57b;
  --fx-accent-light: #dce9f7;
  --fx-accent-rgb: 245,197,123;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--original {
  --fx-card-accent: #9fcafa;
  --fx-card-light: #dce9f7;
  --fx-card-rgb: 159,202,250;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--ultra {
  --fx-card-accent: #61b8ff;
  --fx-card-light: #dce9f7;
  --fx-card-rgb: 97,184,255;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze {
  --fx-card-accent: #dc92fb;
  --fx-card-light: #dce9f7;
  --fx-card-rgb: 220,146,251;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta {
  --fx-card-accent: #f5c57b;
  --fx-card-light: #dce9f7;
  --fx-card-rgb: 245,197,123;
}
/* Color only on icon/tile and illumination, not labels or descriptions. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon {
  color: var(--fx-card-accent);
  border-color: rgba(var(--fx-card-rgb),.42);
  background:
    radial-gradient(circle at center,rgba(var(--fx-card-rgb),.23),transparent 77%),
    linear-gradient(140deg,#18263c,#0c1627);
  box-shadow:
    0 0 12px rgba(var(--fx-card-rgb),.12),
    inset 0 1px 0 rgba(238,244,255,.075);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon svg {
  filter: drop-shadow(0 0 8px rgba(var(--fx-card-rgb),.46));
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon {
  border-color: rgba(var(--fx-card-rgb),.62);
  box-shadow:
    0 0 14px rgba(var(--fx-card-rgb),.30),
    inset 0 1px 0 rgba(238,244,255,.075);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon svg {
  filter: drop-shadow(0 0 12px rgba(var(--fx-card-rgb),.63));
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active {
  border-color: rgba(var(--fx-card-rgb),.98);
  background:
    linear-gradient(110deg,rgba(var(--fx-card-rgb),.075),transparent 42%),
    linear-gradient(120deg,#101a2a,#091321 68%,#0a111c);
  box-shadow:
    0 0 0 1px rgba(var(--fx-card-rgb),.24),
    0 0 22px rgba(var(--fx-card-rgb),.29),
    0 0 40px rgba(var(--fx-card-rgb),.105),
    inset 0 1px 0 rgba(238,245,255,.085);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active::before {
  box-shadow: 0 0 12px rgba(var(--fx-card-rgb),.70);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-check {
  box-shadow: 0 0 15px rgba(var(--fx-card-rgb),.59);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-flow-connector,
body.fx-four-engine-preview .fx-four-engine-layout .fx-engine-sidebar::after {
  opacity: 1;
  box-shadow:
    0 0 12px rgba(var(--fx-accent-rgb),.72),
    0 0 25px rgba(var(--fx-accent-rgb),.30);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-flow-connector span {
  box-shadow:
    0 0 14px rgba(var(--fx-accent-rgb),.95),
    0 0 27px rgba(var(--fx-accent-rgb),.42);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-workspace .optimizer-drop-zone,
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="haze55"] .fx-upload-workspace .optimizer-drop-zone,
body.fx-four-engine-preview .fx-four-engine-layout[data-fx-mode="zeta35"] .fx-upload-workspace .optimizer-drop-zone {
  border-color: rgba(var(--fx-accent-rgb),.63);
  background:
    radial-gradient(ellipse at 94% 0%,rgba(var(--fx-accent-rgb),.105),transparent 44%),
    linear-gradient(145deg,#091320,#0b101b 73%,#0a111e);
  box-shadow:
    0 0 0 5px rgba(var(--fx-accent-rgb),.045),
    inset 0 0 28px rgba(var(--fx-accent-rgb),.043),
    0 0 24px rgba(var(--fx-accent-rgb),.13);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-upload-workspace .optimizer-drop-zone:hover {
  border-color: rgba(var(--fx-accent-rgb),.87);
  box-shadow: 0 0 0 5px rgba(var(--fx-accent-rgb),.06),
              0 0 28px rgba(var(--fx-accent-rgb),.19);
}
/* Preserve the concept board's neutral copy in all selected states. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top strong,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-top strong {
  color: #e9eef6;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-main small,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-main small,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-main small {
  color: #a5b1c3;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-type,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type {
  color: #d9e2ec;
}

/* Small explanatory copy beneath the platform-compatibility point only. */
body.fx-four-engine-preview .fx-instruction-line .fx-platform-note {
  display: block;
  margin-top: 5px;
  max-width: 31ch;
  font-size: 9px;
  line-height: 1.55;
  font-weight: 600;
  letter-spacing: 0;
  color: #ff6878;
  overflow-wrap: break-word;
}
body.fx-four-engine-preview .fx-instruction-line > span:last-child {
  min-width: 0;
  flex: 1;
}
@media (max-width: 480px) {
  body.fx-four-engine-preview .fx-instruction-line .fx-platform-note {
    font-size: 9px;
    max-width: none;
  }
}

/* PRIVATE Concept 4: gently animated FREE / PRO / NEW / HDR selector tags.
   Scope only the four engine-card tags; ABOUT badges and public UI stay intact. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-type,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 35px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 9px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: .09em;
  white-space: nowrap;
  color: #ecf3fc;
  border: 1px solid rgba(var(--fx-card-rgb),.52);
  background: linear-gradient(135deg,rgba(var(--fx-card-rgb),.22),rgba(var(--fx-card-rgb),.07));
  box-shadow: 0 0 9px rgba(var(--fx-card-rgb),.19),
              inset 0 1px 0 rgba(249,252,255,.11);
  transform-origin: center;
  animation: fxPrivateBadgeGlow 2.8s ease-in-out infinite;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type {
  border-color: rgba(var(--fx-card-rgb),.72);
  background: linear-gradient(135deg,rgba(var(--fx-card-rgb),.29),rgba(var(--fx-card-rgb),.105));
}
@keyframes fxPrivateBadgeGlow {
  0%, 100% {
    box-shadow: 0 0 8px rgba(var(--fx-card-rgb),.15),
                0 0 15px rgba(var(--fx-card-rgb),.08),
                inset 0 1px 0 rgba(249,252,255,.09);
    filter: brightness(1);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 13px rgba(var(--fx-card-rgb),.38),
                0 0 25px rgba(var(--fx-card-rgb),.19),
                inset 0 1px 0 rgba(249,252,255,.15);
    filter: brightness(1.1);
    transform: scale(1.035);
  }
}
@media (max-width: 480px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-type,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type {
    font-size: 8px;
    padding: 3px 7px;
    min-width: 31px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-type,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type {
    animation: none;
    transform: none;
  }
}

/* Private four-engine RUN + DOWNLOAD controls.
   Reuse the selected engine accent; never change public button styles. */
body.fx-four-engine-preview .fx-four-engine-layout #optimizeBtn,
body.fx-four-engine-preview .fx-four-engine-layout #downloadBtn {
  width: min(1040px, 100%);
  min-height: 62px;
  border-radius: 15px;
  border: 1px solid rgba(var(--fx-accent-rgb), .53);
  color: #eff6ff;
  background:
    radial-gradient(ellipse at 18% 0%,rgba(var(--fx-accent-rgb), .20),transparent 65%),
    linear-gradient(105deg,#18273a 0%,rgba(var(--fx-accent-rgb), .19) 52%,#142035 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(var(--fx-accent-rgb),.10),
    0 0 19px rgba(var(--fx-accent-rgb),.19);
  font-size: clamp(12px,1.4vw,16px);
  font-weight: 900;
  letter-spacing: .055em;
  text-align: center;
  grid-template-columns: 32px minmax(0,1fr) 32px;
  transition: box-shadow .22s ease, background-color .22s ease,
              border-color .22s ease, transform .2s ease, filter .2s ease;
}
body.fx-four-engine-preview .fx-four-engine-layout #optimizeBtn:not(:disabled):hover,
body.fx-four-engine-preview .fx-four-engine-layout #downloadBtn:hover {
  color: #ffffff;
  border-color: rgba(var(--fx-accent-rgb),.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14),
              0 0 0 1px rgba(var(--fx-accent-rgb),.14),
              0 0 29px rgba(var(--fx-accent-rgb),.31);
}
body.fx-four-engine-preview .fx-four-engine-layout #optimizeBtn:disabled {
  opacity: .53;
  cursor: not-allowed;
  transform: none;
}
body.fx-four-engine-preview .fx-four-engine-layout #downloadBtn {
  margin-top: 13px;
  justify-self: center;
  align-self: center;
  text-decoration: none;
}
body.fx-four-engine-preview .fx-four-engine-layout #downloadBtn .fx-download-caption {
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: center;
}
@media (max-width: 480px) {
  body.fx-four-engine-preview .fx-four-engine-layout #optimizeBtn,
  body.fx-four-engine-preview .fx-four-engine-layout #downloadBtn {
    padding: 10px 11px;
    min-height: 56px;
    font-size: 12px;
    grid-template-columns: 22px minmax(0,1fr) 22px;
    letter-spacing: .025em;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.fx-four-engine-preview .fx-four-engine-layout #optimizeBtn,
  body.fx-four-engine-preview .fx-four-engine-layout #downloadBtn {
    transition: none;
  }
}

/* Private four-engine HDR teaser: selection is previewable, upload is not. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-coming-soon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 8px 12px;
  border: 1px solid rgba(245,197,123,.76);
  border-radius: 999px;
  color: #ffe0a6;
  background: linear-gradient(120deg,rgba(245,197,123,.23),rgba(245,197,123,.075));
  box-shadow: inset 0 1px 0 rgba(255,249,229,.15),
              0 0 12px rgba(245,197,123,.35),
              0 0 23px rgba(245,197,123,.17);
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .12em;
  animation: fxHdrComingSoonGlow 2.8s ease-in-out infinite;
  pointer-events: none;
}
@keyframes fxHdrComingSoonGlow {
  0%, 100% {
    box-shadow: inset 0 1px 0 rgba(255,249,229,.11),
                0 0 9px rgba(245,197,123,.24),
                0 0 17px rgba(245,197,123,.10);
  }
  50% {
    box-shadow: inset 0 1px 0 rgba(255,249,229,.19),
                0 0 17px rgba(245,197,123,.51),
                0 0 30px rgba(245,197,123,.23);
  }
}
/* Fit COMING SOON inside the same HDR card row, without increasing height. */
@media (max-width: 620px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto 19px;
    grid-template-areas: "icon main badge check";
    align-items: center;
    column-gap: 8px;
    row-gap: 0;
    padding: 10px 9px !important;
    min-height: 66px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-icon {
    grid-area: icon;
    width: 40px;
    height: 40px;
    min-width: 0;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-main {
    grid-area: main;
    min-width: 0;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-check {
    grid-area: check;
    width: 19px;
    height: 19px;
    min-width: 0;
    justify-self: end;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-coming-soon {
    grid-area: badge;
    position: static !important;
    margin: 0 !important;
    padding: 5px 7px;
    font-size: 8px;
    line-height: 1.15;
    letter-spacing: .025em;
    white-space: nowrap;
    align-self: center;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-top {
    gap: 4px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-main small {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (max-width: 370px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta {
    grid-template-columns: 33px minmax(0, 1fr) auto 17px;
    column-gap: 5px;
    padding: 8px !important;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-icon {
    width: 33px;
    height: 35px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-type {
    display: none;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-coming-soon {
    padding: 5px 6px;
    font-size: 7px;
    letter-spacing: 0;
  }
}

@media (min-width: 500px) and (max-width: 620px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-coming-soon {
    padding: 6px 10px;
    font-size: 9px;
    letter-spacing: .035em;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-coming-soon {
    animation: none;
  }
}

/* Private Concept 4: remove the short colored stripes on the
   left edge of every engine option, including the selected one. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice::before,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active::before {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}

/* Ultra 2.0 maintenance state: visible on desktop and mobile, not selectable. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze[disabled] {
  cursor: not-allowed;
  opacity: .72;
  filter: saturate(.65);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-under-maintenance {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid rgba(245,197,123,.72);
  border-radius: 999px;
  background: rgba(245,197,123,.13);
  color: #ffe0a6;
  font: 800 10px/1.3 inherit;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .035em;
  white-space: normal;
  text-align: center;
}
@media(max-width: 620px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-under-maintenance {font-size: 8px; padding: 4px 5px;}
}

/* Approved 17 Oct engine-card polish: preserve production blue/violet/gold
   palette and icon artwork. Only layout, pills and radio affordance change. */
body.fx-four-engine-preview .optimizer-engine-switch-track {
  gap: 10px;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice {
  border-radius: 17px;
  min-height: 78px;
  gap: 12px;
  padding: 12px;
  box-shadow: inset 0 1px 0 rgba(225,238,255,.04);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active {
  box-shadow:
    0 0 0 1px rgba(var(--fx-card-rgb),.14),
    0 0 17px rgba(var(--fx-card-rgb),.13),
    inset 0 1px 0 rgba(233,243,255,.07);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon {
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(237,246,255,.07),
              0 0 9px rgba(var(--fx-card-rgb),.085);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top {
  column-gap: 8px;
  row-gap: 5px;
  align-items: center;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top strong {
  font-size: 12px;
  letter-spacing: .025em;
  line-height: 1.3;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-main small {
  margin-top: 7px;
  line-height: 1.35;
  letter-spacing: .025em;
}
/* PAUSED and HDR/DOLBY belong beneath the engine name, not on a cramped
   shared heading row. FREE and PRO stay beside their respective titles. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-top strong,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-top strong {
  flex: 0 0 100%;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-type,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type {
  padding: 5px 11px;
  min-width: 0;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .055em;
  border: 1px solid rgba(var(--fx-card-rgb),.49);
  background: linear-gradient(180deg,rgba(var(--fx-card-rgb),.17),rgba(var(--fx-card-rgb),.055));
  box-shadow: 0 0 9px rgba(var(--fx-card-rgb),.095),
              inset 0 1px 0 rgba(250,253,255,.075);
  color: #e8eff9;
  animation: none !important;
  transform: none !important;
  filter: none !important;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-dolby {
  gap: 5px;
  color: #cbb6f0;
  border-color: rgba(173,139,220,.48);
  background: linear-gradient(180deg,rgba(125,98,172,.17),rgba(70,56,111,.07));
  box-shadow: 0 0 9px rgba(154,123,213,.085),
              inset 0 1px 0 rgba(250,253,255,.055);
  letter-spacing: .035em;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-dolby-mark {
  display: inline-block;
  color: #b89bdf;
  font-size: 12px;
  line-height: .8;
  font-weight: 900;
  letter-spacing: -.12em;
  padding-right: 2px;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-check {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  border-color: rgba(150,182,215,.27);
  background: rgba(7,15,27,.30);
  font-size: 14px;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-check {
  box-shadow: 0 0 12px rgba(var(--fx-card-rgb),.20);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze[disabled] {
  opacity: .78;
  filter: saturate(.85);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-under-maintenance,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-coming-soon {
  padding: 7px 11px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .035em;
  line-height: 1.2;
  animation: none !important;
  box-shadow: inset 0 1px 0 rgba(255,249,229,.09),
              0 0 12px rgba(245,197,123,.12);
  background: rgba(245,197,123,.085);
  border-color: rgba(245,197,123,.54);
  color: #f3d4a0;
  white-space: nowrap;
}
/* On phones, put maintenance/coming-soon status on its own compact row;
   both HDR and DOLBY remain visible instead of hiding the feature tag. */
@media (max-width: 620px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice {
    padding: 10px;
    min-height: 68px;
    gap: 9px;
    border-radius: 14px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta {
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) 19px !important;
    grid-template-areas: 'icon main check' 'icon badge check' !important;
    column-gap: 9px !important;
    row-gap: 5px;
    align-items: center;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-icon,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-icon {
    grid-area: icon;
    width: 40px;
    height: 40px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-main,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-main {grid-area:main;min-width:0;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-check,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-check {grid-area:check;width:19px;height:19px;min-width:0;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-under-maintenance,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-coming-soon {
    grid-area:badge;
    justify-self:start;
    position:static !important;
    margin:0 !important;
    font-size:8px;
    padding:5px 9px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top strong {font-size:10.5px;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-type,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-type {
    padding:3px 7px;
    font-size:8px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-main small {
    text-overflow:clip;
    overflow:visible;
    white-space:normal;
  }
}
@media (max-width:370px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta {
    grid-template-columns:33px minmax(0,1fr) 17px !important;
    column-gap:6px !important;
    padding:8px !important;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-icon,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-icon {width:33px;height:35px;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-type {
    display:inline-flex !important;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-top {
    gap:4px;
  }
}

/* STYLE D — ACTUAL APPROVED SELECTOR (not only retouched old pills)
   Color variables and dark navy background are inherited unchanged from
   the current FATI X site: Original ice, Ultra blue, MAX violet, HDR gold.
   The old round radio selector is replaced with a switch-shaped indicator.
   No public engine processing or rollout settings are changed here. */
body.fx-four-engine-preview .fx-engine-sidebar {
  container-type: inline-size;
  container-name: fx-engine-choices;
}
body.fx-four-engine-preview .optimizer-engine-switch-track {
  gap: 10px;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice {
  display: grid !important;
  grid-template-columns: 52px minmax(0,1fr) auto 54px !important;
  grid-template-areas: "brand summary status toggle" !important;
  justify-items: stretch;
  align-items: center;
  column-gap: 13px;
  row-gap: 0;
  min-height: 106px;
  padding: 13px 15px;
  border-radius: 19px;
  background: linear-gradient(120deg,#101b2b,#0a1322 70%,#09111e);
  border-color: rgba(146,177,213,.20);
  box-shadow: 0 8px 22px rgba(0,0,0,.08),inset 0 1px 0 rgba(237,246,255,.038);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active {
  background: linear-gradient(115deg,rgba(var(--fx-card-rgb),.085),transparent 55%),
              linear-gradient(120deg,#101c2d,#0a1322 70%,#09111e);
  box-shadow: 0 0 0 1px rgba(var(--fx-card-rgb),.15),
              0 0 18px rgba(var(--fx-card-rgb),.14),
              inset 0 1px 0 rgba(242,248,255,.075);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon {
  grid-area: brand;
  width: 52px;
  height: 52px;
  min-width: 0;
  flex: none;
  border-radius: 15px;
  align-self: center;
  color: var(--fx-card-accent);
  border-color: rgba(var(--fx-card-rgb),.43);
  background: radial-gradient(circle at center,rgba(var(--fx-card-rgb),.16),transparent 80%),
              linear-gradient(130deg,#192a3f,#0b1423);
  box-shadow: 0 0 11px rgba(var(--fx-card-rgb),.085),
              inset 0 1px 0 rgba(237,246,255,.095);
  filter: none;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon svg,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon svg {
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 0 5px rgba(var(--fx-card-rgb),.21));
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-main {
  grid-area: summary;
  min-width: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top {
  display: block;
  width: 100%;
  min-width: 0;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top strong {
  display: block;
  color: #e9eff8;
  font-size: clamp(11px,1.05vw,14px);
  font-weight: 950;
  letter-spacing: .012em;
  line-height: 1.25;
  white-space: normal;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-tags {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  min-height: 23px;
  max-width: 100%;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-choice-tags .fx-engine-type,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-tags .fx-engine-type {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 4px 11px;
  font-size: 9px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: .07em;
  white-space: nowrap;
  background: linear-gradient(180deg,rgba(var(--fx-card-rgb),.19),rgba(var(--fx-card-rgb),.065));
  border-color: rgba(var(--fx-card-rgb),.50);
  box-shadow: 0 0 10px rgba(var(--fx-card-rgb),.13),inset 0 1px 0 rgba(250,253,255,.075);
  color: #eef4fc;
  animation: none !important;
  transform: none !important;
  filter: none !important;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-secondary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 23px;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(170,190,220,.045);
  border: 1px solid rgba(156,178,208,.17);
  color: #a5b6cd;
  font-size: 8px;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
  letter-spacing: .065em;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-secondary i {
  display: inline-block;
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--fx-card-accent);
  box-shadow: 0 0 5px rgba(var(--fx-card-rgb),.19);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-main small,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-main small,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-main small {
  display: block;
  margin: 0;
  font-size: 9px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: .015em;
  color: #9eabc0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-tags .fx-engine-dolby {
  color: #cbb6f0;
  background: linear-gradient(180deg,rgba(142,114,184,.18),rgba(82,60,128,.055));
  border-color: rgba(176,147,219,.45);
  box-shadow: inset 0 1px 0 rgba(250,253,255,.06),0 0 8px rgba(163,132,214,.075);
  gap: 5px;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-coming-soon,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-under-maintenance {
  grid-area: status;
  position: static !important;
  justify-self: end;
  flex: none;
  margin: 0 !important;
  padding: 7px 10px;
  max-width: 150px;
  white-space: normal;
  text-align: center;
  overflow-wrap: normal;
  letter-spacing: .035em;
  font-size: 9px;
  font-weight: 850;
  line-height: 1.25;
  border-radius: 999px;
  background: rgba(245,197,123,.085);
  border: 1px solid rgba(245,197,123,.49);
  color: #f1d1a0;
  box-shadow: 0 0 11px rgba(245,197,123,.10),inset 0 1px 0 rgba(255,249,229,.07);
  animation: none !important;
}
/* The toggle is purely a visual indicator: the parent button has aria-pressed
   and remains the single keyboard-accessible control per engine. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-check,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-check {
  grid-area: toggle;
  justify-self: end;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 49px;
  height: 28px;
  min-width: 0;
  border-radius: 30px;
  padding: 3px;
  border: 1px solid rgba(155,180,209,.20);
  color: transparent;
  background: linear-gradient(135deg,#172335,#111c2b);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.19);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-toggle-knob {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  color: transparent;
  background: linear-gradient(145deg,#c4d0df,#98aabd);
  box-shadow: 0 1px 4px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.34);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  transform: translateX(0);
  transition: transform .16s ease,background .16s ease,color .16s ease;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-check {
  border-color: rgba(var(--fx-card-rgb),.40);
  background: linear-gradient(140deg,rgba(var(--fx-card-rgb),.35),rgba(var(--fx-card-rgb),.13));
  box-shadow: 0 0 11px rgba(var(--fx-card-rgb),.13),inset 0 1px 2px rgba(0,0,0,.12);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-toggle-knob {
  transform: translateX(21px);
  color: #132135;
  background: var(--fx-card-accent);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze[disabled] {
  opacity: .79;
  filter: saturate(.85);
  cursor: not-allowed;
}
@container fx-engine-choices (max-width: 580px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice {
    grid-template-columns: 42px minmax(0,1fr) 49px !important;
    grid-template-areas: "brand summary toggle" "brand status toggle" !important;
    column-gap: 9px;
    row-gap: 5px;
    padding: 10px 11px;
    min-height: 89px;
    border-radius: 15px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon {
    width: 42px;
    height: 42px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon svg,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-icon svg {
    width: 26px;
    height: 26px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-top strong {font-size: 11px;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-tags {gap: 5px;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-choice-tags .fx-engine-type,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-engine-choice-tags .fx-engine-type,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-secondary {
    padding: 3px 7px;
    min-height: 20px;
    font-size: 7.5px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-coming-soon,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-under-maintenance {
    justify-self: start;
    max-width: 100%;
    padding: 5px 9px;
    font-size: 8px;
  }
}
@media (max-width: 620px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze {
    grid-template-columns: 42px minmax(0,1fr) 49px !important;
    grid-template-areas: "brand summary toggle" "brand status toggle" !important;
    column-gap: 9px !important;
    row-gap: 5px !important;
    padding: 10px 11px !important;
    min-height: 89px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-icon,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-icon {
    width: 42px;
    height: 42px;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-check,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-check {
    width: 49px;
    height: 28px;
    grid-area:toggle;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-coming-soon,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-under-maintenance {
    grid-area:status;
    justify-self:start;
    max-width:100%;
    font-size:8px;
    padding:5px 9px;
  }
}
@media (max-width:370px) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta {
    grid-template-columns: 34px minmax(0,1fr) 41px !important;
    column-gap: 6px !important;
    padding: 8px !important;
  }
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-icon,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--haze .fx-engine-choice-icon,
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-icon {width:34px;height:35px;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice-check {width:41px;height:25px;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-toggle-knob {width:17px;height:17px;flex-basis:17px;}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice.active .fx-toggle-knob {transform:translateX(16px);}
  body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-secondary {max-width:100%;white-space:normal;}
}
@media (prefers-reduced-motion: reduce) {
  body.fx-four-engine-preview .optimizer-engine-switch .fx-toggle-knob {transition:none;}
}
/* Override legacy phone-only four-column areas: Style D uses a consistent
   named 3-column grid at narrow widths, including HDR and paused MAX. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-choice-icon {
  grid-area:brand !important;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-choice-main {
  grid-area:summary !important;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-choice-check {
  grid-area:toggle !important;
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-coming-soon,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice .fx-engine-under-maintenance {
  grid-area:status !important;
}

/* ABOUT THIS ENGINE: exact selected-engine X mark, color and tile. */
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-icon {
  flex: 0 0 43px;
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--fx-accent);
  border: 1px solid rgba(var(--fx-accent-rgb),.42);
  background: radial-gradient(circle at 50% 50%,rgba(var(--fx-accent-rgb),.16),transparent 80%),linear-gradient(130deg,#192a3f,#0b1423);
  box-shadow: 0 0 10px rgba(var(--fx-accent-rgb),.10),inset 0 1px 0 rgba(237,246,255,.095);
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-about-icon svg {
  display: block;
  width: 28px;
  height: 28px;
  color: var(--fx-accent);
  stroke: currentColor;
  filter: drop-shadow(0 0 5px rgba(var(--fx-accent-rgb),.22));
  pointer-events: none;
}

/* HDR + Dolby gold pairing: visibly luminous, same premium warm-gold palette.
   Only these two tags on the HDR card receive this boost; other engines,
   cards, selectors and the COMING SOON lock are unaffected. */
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-tags .fx-engine-type,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta .fx-engine-choice-tags .fx-engine-dolby,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta.active .fx-engine-choice-tags .fx-engine-type {
  color: #ffe3ad;
  border: 1px solid rgba(245,197,123,.80);
  background: linear-gradient(180deg,rgba(245,197,123,.23),rgba(245,197,123,.085));
  box-shadow:
    0 0 10px rgba(245,197,123,.36),
    0 0 24px rgba(245,197,123,.22),
    0 0 37px rgba(245,197,123,.07),
    inset 0 1px 0 rgba(255,244,215,.20);
  text-shadow: 0 0 8px rgba(245,197,123,.33);
}
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta:hover .fx-engine-choice-tags .fx-engine-type,
body.fx-four-engine-preview .optimizer-engine-switch .fx-engine-choice--zeta:focus-visible .fx-engine-choice-tags .fx-engine-type {
  border-color: rgba(255,220,159,.93);
  box-shadow: 0 0 15px rgba(245,197,123,.46),
              0 0 30px rgba(245,197,123,.25),
              inset 0 1px 0 rgba(255,244,215,.22);
}

/* HDR-specific red recommendation in ABOUT THIS ENGINE. */
body.fx-four-engine-preview .fx-hdr-pc-advice[hidden] { display: none !important; }
body.fx-four-engine-preview .fx-hdr-pc-advice {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 13px 15px;
  margin-top: 13px;
  background: linear-gradient(115deg,rgba(185,42,57,.12),rgba(105,21,31,.035));
  border: 1px solid rgba(255,91,111,.36);
  border-left: 3px solid #ff5b6c;
  border-radius: 11px;
  box-shadow: inset 0 1px 0 rgba(255,139,151,.035), 0 0 15px rgba(236,72,89,.045);
}
body.fx-four-engine-preview .fx-hdr-pc-advice strong {
  color: #ff6e80;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 900;
  letter-spacing: .045em;
}
body.fx-four-engine-preview .fx-hdr-pc-advice span {
  color: #e3b0b8;
  font-size: 12px;
  line-height: 1.65;
  font-weight: 540;
}
@media (max-width: 480px) {
  body.fx-four-engine-preview .fx-hdr-pc-advice { padding: 11px 12px; }
  body.fx-four-engine-preview .fx-hdr-pc-advice span { font-size: 11px; }
}

/* HDR about box: SDR browser compatibility lives inside the same red note. */
body.fx-four-engine-preview .fx-hdr-pc-advice .fx-hdr-sdr-browser-note {
  display: block;
  padding-top: 10px;
  margin-top: 3px;
  border-top: 1px solid rgba(255,113,132,.20);
  color: #c5d2e1;
  line-height: 1.6;
}
body.fx-four-engine-preview .fx-hdr-pc-advice .fx-hdr-sdr-browser-note strong {
  display: inline;
  color: #f6c4cb;
  font-size: inherit;
  font-weight: 900;
  letter-spacing: 0;
}


/* ================================================================
   STYLE 1: MODERN & CLEAN LIVE OPTIMIZATION STATUS (2026-10-18)
   Each state is one card; selected engine's existing accent drives it.
   ================================================================ */
body.fx-four-engine-preview .fx-four-engine-layout .fx-style1-progress {
  --fx-stage-accent: var(--fx-accent, #38a7ff);
  --fx-stage-rgb: var(--fx-accent-rgb, 56,167,255);
  width:100%; margin:19px 0 13px; padding:21px 20px 19px;
  border:1px solid rgba(var(--fx-stage-rgb),.34); border-radius:19px;
  background:radial-gradient(ellipse at 0% 0%,rgba(var(--fx-stage-rgb),.13),transparent 58%),linear-gradient(135deg,#111e31,#0a1525 80%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 9px 23px rgba(0,0,0,.14);
  color:#edf6ff; box-sizing:border-box; overflow:hidden;
}
body.fx-four-engine-preview .fx-four-engine-layout .fx-style1-progress.hidden {display:none!important;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-top {display:flex;align-items:center;gap:14px;min-width:0;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-emblem {
  width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;border-radius:50%;
  color:#f6fbff;background:linear-gradient(145deg,var(--fx-stage-accent),rgba(var(--fx-stage-rgb),.35));
  border:1px solid rgba(var(--fx-stage-rgb),.8);box-shadow:0 0 18px rgba(var(--fx-stage-rgb),.26);
  font-weight:950;font-size:23px;
}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-emblem svg {width:23px;height:23px;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-heading {min-width:0;flex:1;}
body.fx-four-engine-preview .fx-style1-progress .optimizer-live-progress-head {display:flex;align-items:center;gap:12px;justify-content:space-between;}
body.fx-four-engine-preview .fx-style1-progress .optimizer-live-progress-head strong {font-size:15px;letter-spacing:0;font-weight:850;color:#f7fbff;line-height:1.3;}
body.fx-four-engine-preview .fx-style1-progress #optimizerLivePercent {font-size:17px;font-weight:900;color:var(--fx-accent-light,#cbeaff);white-space:nowrap;}
body.fx-four-engine-preview .fx-style1-progress #fxProgressSubtitle {margin:5px 0 0;font-size:11px;color:#a5bbd2;line-height:1.5;}
body.fx-four-engine-preview .fx-style1-progress .optimizer-live-progress-track {height:10px;margin:15px 0 10px;border-radius:50px;background:rgba(125,153,184,.19);}
body.fx-four-engine-preview .fx-style1-progress .optimizer-live-progress-fill {background:linear-gradient(90deg,rgba(var(--fx-stage-rgb),.6),var(--fx-stage-accent));box-shadow:0 0 12px rgba(var(--fx-stage-rgb),.4);transition:width .3s ease;}
body.fx-four-engine-preview .fx-style1-progress .optimizer-live-progress-meta {color:#a7bfd6;font-size:11px;gap:8px;flex-wrap:wrap;justify-content:space-between;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-timeline {margin-top:16px;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;gap:2px;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-steps:before {content:"";position:absolute;height:3px;top:14px;left:12%;right:12%;border-radius:9px;background:rgba(130,161,192,.28);}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-step {position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;min-width:0;}
body.fx-four-engine-preview .fx-style1-progress .fx-step-node {width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:2px solid #41607c;background:#172a42;color:#8ca6c2;font-weight:850;font-size:12px;box-shadow:0 0 0 4px #101d30;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-step small {color:#819dbb;font-size:10px;line-height:1.3;font-weight:650;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-step.is-complete .fx-step-node {color:#fff;background:var(--fx-stage-accent);border-color:var(--fx-stage-accent);}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-step.is-complete small {color:#c9def1;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-step.is-active .fx-step-node {color:#fff;border-color:var(--fx-stage-accent);box-shadow:0 0 0 4px #101d30,0 0 15px rgba(var(--fx-stage-rgb),.7);background:rgba(var(--fx-stage-rgb),.45);}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-step.is-active small {color:var(--fx-accent-light,#cbeaff);}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-eta {display:flex;align-items:center;gap:13px;margin-top:17px;padding:12px 14px;border-radius:11px;border:1px solid rgba(var(--fx-stage-rgb),.18);background:rgba(1,12,25,.43);}
body.fx-four-engine-preview .fx-style1-progress .fx-eta-icon {display:grid;place-items:center;flex:0 0 33px;height:33px;font-size:27px;color:var(--fx-accent-light,#cbeaff);}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-eta div {display:flex;gap:4px;flex-direction:column;min-width:0;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-eta small {font-size:10px;color:#cbdced;font-weight:750;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-eta strong {font-size:23px;line-height:1.15;color:#f6fbff;font-variant-numeric:tabular-nums;font-weight:950;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-eta span:not(.fx-eta-icon) {font-size:10px;color:#92a9c1;}
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="preparing"] .optimizer-live-progress-track,
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="preparing"] .optimizer-live-progress-meta {display:none;}
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="ready"] {border-color:rgba(var(--fx-stage-rgb),.6);}
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="ready"] .fx-progress-emblem {background:linear-gradient(135deg,#108568,#135b51);border-color:#32cba9;color:#ecfff9;}
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="ready"] .optimizer-live-progress-track,
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="ready"] .optimizer-live-progress-meta {display:none;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-ready {display:grid;grid-template-columns:minmax(75px,1fr) minmax(90px,1fr) minmax(120px,1.5fr);gap:12px;align-items:center;margin-top:17px;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview {height:91px;border:1px solid rgba(var(--fx-stage-rgb),.25);border-radius:11px;background:radial-gradient(circle at 50% 25%,rgba(var(--fx-stage-rgb),.24),transparent 70%),linear-gradient(140deg,#1b3048,#0b1424);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--fx-accent-light,#cbeaff);}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview svg {width:36px;height:36px;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview span {font-size:8px;font-weight:900;letter-spacing:.13em;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-meta {display:flex;flex-direction:column;gap:5px;color:#a7bfd6;font-size:11px;min-width:0;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-meta strong {font-size:10px;color:#edf5ff;letter-spacing:.07em;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-download {min-width:0;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-download .download-btn {display:flex!important;justify-content:center;align-items:center;gap:8px;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:14px 12px;font-size:11px;white-space:normal;text-align:center;border-radius:11px;min-height:50px;color:#fff!important;border:1px solid rgba(var(--fx-stage-rgb),.75)!important;background:linear-gradient(130deg,var(--fx-stage-accent),rgba(var(--fx-stage-rgb),.49))!important;box-shadow:0 5px 18px rgba(var(--fx-stage-rgb),.24)!important;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-download .download-btn.hidden {display:none!important;}
body.fx-four-engine-preview .fx-style1-progress [hidden] {display:none!important;}
body.fx-four-engine-preview .fx-four-engine-layout .download-note {display:none;}
@media(max-width:560px){
  body.fx-four-engine-preview .fx-four-engine-layout .fx-style1-progress {padding:17px 13px;border-radius:15px;}
  body.fx-four-engine-preview .fx-style1-progress .fx-progress-emblem {width:39px;height:39px;flex-basis:39px;}
  body.fx-four-engine-preview .fx-style1-progress .fx-progress-top {gap:10px;}
  body.fx-four-engine-preview .fx-style1-progress .optimizer-live-progress-head strong {font-size:12px;}
  body.fx-four-engine-preview .fx-style1-progress #optimizerLivePercent {font-size:13px;}
  body.fx-four-engine-preview .fx-style1-progress .fx-progress-step small {font-size:9px;}
  body.fx-four-engine-preview .fx-style1-progress .fx-progress-ready {grid-template-columns:72px 1fr;}
  body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview {height:85px;}
  body.fx-four-engine-preview .fx-style1-progress .fx-ready-download {grid-column:1/-1;}
  body.fx-four-engine-preview .fx-style1-progress .optimizer-live-progress-meta {align-items:flex-start;}
}


/* Ready card: render a real frame extracted locally from the chosen video.
   Existing play-icon graphic is retained only as a decode-error fallback. */
body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview {position:relative;overflow:hidden;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview #fxReadyThumbnail {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;
}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview .fx-ready-fallback {
  display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;
  height:100%;width:100%;
}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview.has-thumbnail .fx-ready-fallback {display:none;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-preview [hidden] {display:none!important;}

/* Time-limited, authenticated manual downloads: server owns the deadline. */
body.fx-four-engine-preview .fx-style1-progress .fx-ready-download {display:flex;flex-direction:column;gap:9px;}
body.fx-four-engine-preview .fx-style1-progress .fx-download-expiry {display:block;border:1px solid rgba(var(--fx-stage-rgb),.22);border-radius:9px;padding:9px 7px;text-align:center;font-size:11px;font-weight:750;color:#bed5e7;background:rgba(10,23,39,.45);line-height:1.5;}
body.fx-four-engine-preview .fx-style1-progress .fx-download-expiry strong {color:#f4fbff;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;}
body.fx-four-engine-preview .fx-style1-progress .fx-download-expiry.is-urgent {border-color:rgba(250,103,88,.55);color:#ffb2ab;}
body.fx-four-engine-preview .fx-style1-progress .fx-download-expiry.is-urgent strong {color:#ffb2ab;}
body.fx-four-engine-preview .fx-style1-progress .fx-ready-download .download-btn.fx-download-expired {opacity:.5;pointer-events:none;filter:grayscale(.6);}

/* Customer-facing, actionable errors. Red stays consistent across all four engines. */
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="failed"] {
  border-color:rgba(255,83,105,.7);
  background:linear-gradient(135deg,#25141e,#170f1b 80%);
  box-shadow:inset 0 1px 0 rgba(255,170,182,.09),0 8px 24px rgba(0,0,0,.18);
}
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="failed"] .fx-progress-emblem {
  background:#963041;border-color:#fa647a;box-shadow:0 0 15px rgba(248,73,99,.22);
}
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="failed"] .optimizer-live-progress-head strong,
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="failed"] #optimizerLivePercent,
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="failed"] #fxProgressSubtitle {color:#ffb3bd;}
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="failed"] .optimizer-live-progress-track,
body.fx-four-engine-preview .fx-style1-progress[data-fx-stage="failed"] .optimizer-live-progress-meta {display:none;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-failure {
  margin-top:16px;padding:16px 17px;border:1px solid rgba(255,97,112,.52);
  border-radius:13px;background:rgba(115,26,46,.19);color:#ffe1e5;
  box-shadow:0 6px 20px rgba(20,3,9,.14);
}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-failure[hidden]{display:none!important;}
body.fx-four-engine-preview .fx-style1-progress .fx-failure-heading{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#ff9da9;}
body.fx-four-engine-preview .fx-style1-progress .fx-failure-heading span{display:grid;place-items:center;width:21px;height:21px;flex:none;border-radius:50%;background:#b63a4a;color:white;font-size:14px;font-weight:950;}
body.fx-four-engine-preview .fx-style1-progress .fx-failure-heading strong{font-size:13px;line-height:1.4;font-weight:900;letter-spacing:.02em;overflow-wrap:anywhere;}
body.fx-four-engine-preview .fx-style1-progress .fx-failure-label{margin-bottom:5px;color:#ff8d9e;font-size:10px;font-weight:900;letter-spacing:1.2px;}
body.fx-four-engine-preview .fx-style1-progress .fx-failure-solution-label{margin-top:14px;}
body.fx-four-engine-preview .fx-style1-progress .fx-progress-failure p{margin:0;color:#f6d6dc;font-size:12px;font-weight:600;line-height:1.65;overflow-wrap:anywhere;}
body.fx-four-engine-preview .fx-style1-progress #fxFailureSolution{color:#ffe5e9;}