.workflow {
  grid-template-columns: repeat(5, 1fr);
}
.workflow span {
  background: #e6edf6;
  color: #64748b;
}
.workflow span.wizard-current {
  background: #ff913e;
  color: white;
}
.workflow span.wizard-complete {
  background: #14833b;
  color: white;
}
.workflow span.wizard-error {
  background: #df2638;
  color: white;
}
.workflow span.wizard-revalidate {
  background: #f28c28;
  color: white;
}
.workflow span.wizard-locked {
  background: #e6edf6;
  color: #64748b;
  opacity: .75;
}
.progress-summary {
  text-align: right;
  font-weight: 800;
}
.creative-library { margin: 22px 0; padding: 18px; border: 1px solid #dce5ef; border-radius: 16px; background: #f8fbff; }
.creative-library h3 { margin: 0 0 4px; }
.creative-library-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 10px; margin-top: 12px; }
.creative-card { display: grid !important; grid-template-columns: auto 1fr; align-items: center; gap: 8px !important; min-height: 70px; margin: 0 !important; padding: 12px; border: 2px solid #dce5ef; border-radius: 13px; background: white; cursor: pointer; }
.creative-card:has(input:checked) { border-color: #ff913e; background: #fff5eb; box-shadow: 0 0 0 3px #ff913e20; }
.creative-card input { width: 18px !important; accent-color: #ff913e; }
.creative-card span { grid-row: 1 / span 2; font-size: 22px; }
.creative-card strong { line-height: 1.2; }
.transition-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.transition-columns fieldset { border: 0; padding: 0; min-width: 0; }
.transition-columns legend { font-weight: 900; }
.creative-library-grid.compact { grid-template-columns: repeat(3, 1fr); }
.effect-stack { display: grid; gap: 10px; }
.effect-stack-item { display: grid; grid-template-columns: minmax(150px,1fr) repeat(3,minmax(115px,.7fr)) auto; gap: 10px; align-items: end; padding: 12px; border: 1px solid #dce5ef; border-radius: 12px; background: white; }
.effect-stack-item label { margin: 0 !important; }
.effect-actions { display: flex; gap: 6px; }
.effect-actions button { padding: 10px; }
@media(max-width: 850px) { .transition-columns { grid-template-columns: 1fr; } .creative-library-grid.compact { grid-template-columns: 1fr; } }
@media(max-width: 1050px) { .effect-stack-item { grid-template-columns: 1fr 1fr; } }
.creation-mode-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.creation-mode-card {
  display: grid !important;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 5px 12px !important;
  min-height: 142px;
  margin: 0 !important;
  padding: 18px;
  border: 2px solid #dce5ef;
  border-radius: 16px;
  background: #f9fbfe;
  cursor: pointer;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.creation-mode-card:hover { border-color: #ffb06f; }
.creation-mode-card.selected {
  border-color: #ff913e;
  background: #fff6ee;
  box-shadow: 0 0 0 3px #ff913e22;
}
.creation-mode-card input {
  width: 20px !important;
  height: 20px;
  margin: 0;
  accent-color: #ff913e;
}
.creation-mode-card strong { font-size: 18px; }
.creation-mode-card small {
  grid-column: 2;
  color: #64748b;
  font-weight: 400;
}
.creation-mode-icon {
  grid-column: 1 / -1;
  font-size: 30px;
}
.video-visual-preview {
  display: grid;
  justify-items: center;
  gap: 10px;
  margin: 18px 0 0;
  padding: 16px;
  border: 1px solid #dce5ef;
  border-radius: 16px;
  background: #f9fbfe;
}
.video-visual-preview img {
  display: block;
  max-width: 100%;
  max-height: 420px;
  object-fit: contain;
  border-radius: 10px;
}
.video-visual-preview figcaption { color: #64748b; }
.subtitle-option {
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  padding: 14px 16px;
  border-radius: 12px;
  background: #f0f5fb;
}
.subtitle-option input { width: 20px !important; height: 20px; margin: 0; accent-color: #ff913e; }
.audio-content-choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}
.audio-content-card {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 16px;
  border: 2px solid #dce5ef;
  border-radius: 14px;
  background: #f9fbfe;
  cursor: pointer;
}
.audio-content-card.selected { border-color: #ff913e; background: #fff6ee; }
.audio-content-card input { width: 20px !important; height: 20px; margin: 0; accent-color: #ff913e; }
.audio-content-card small { color: #64748b; font-weight: 400; }
.video-format-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:10px; margin:16px 0; }
.video-format-choices label { display:flex !important; align-items:center; gap:8px !important; margin:0 !important; padding:12px; border:1px solid #dce5ef; border-radius:12px; background:#f9fbfe; }
.video-format-choices input { width:18px !important; height:18px; accent-color:#ff913e; }
#final-video-player { width:min(100%,900px); max-height:620px; background:#17202c; border-radius:12px; }
.archive-media {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dce5ef;
}
.archive-media audio { width: min(100%, 560px); }
.wizard-actions {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  position: sticky;
  bottom: 0;
  padding: 16px;
  background: #f3f6fbeF;
  border-top: 1px solid #dce5ef;
}
.wizard-actions button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
@media(max-width: 800px) {
  .workflow { grid-template-columns: 1fr; }
  .creation-mode-choices { grid-template-columns: 1fr; }
  .audio-content-choices { grid-template-columns: 1fr; }
  .wizard-actions { flex-wrap: wrap; }
}