.processing-card {
  display: grid;
  gap: 16px;
  padding: 24px 27px;
  background: linear-gradient(135deg, #faf5ec, #fffdf8);
}
.processing-hero {
  display: block;
}
.processing-copy h2 { margin: 5px 0 3px; font-size: 1.25rem; }
.processing-copy p { margin: 0; color: var(--muted); }
.processing-stage-line { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; }
.processing-stage-line h2 { min-width: 0; }
.processing-percent { flex: 0 0 auto; color: var(--wine); font-size: 1.55rem; font-variant-numeric: tabular-nums; font-weight: 600; }
.timer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.timer-grid > div {
  padding: 12px 15px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .74);
}
.timer-grid span,.timer-grid strong,.timer-grid small { display: block; }
.timer-grid span { color: var(--muted); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.timer-grid strong { margin: 3px 0 2px; color: var(--ink); font-size: clamp(1.25rem, 3vw, 1.75rem); font-variant-numeric: tabular-nums; font-weight: 500; letter-spacing: .04em; }
.timer-grid small { color: var(--muted); }
.job-progress-track {
  grid-column: 1 / -1;
  height: 10px;
  overflow: hidden;
  border: 1px solid #d8c7a9;
  border-radius: 99px;
  background: #eee3d2;
}
.job-progress-bar {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--wine), var(--gold));
  box-shadow: 0 0 18px rgba(181, 138, 59, .28);
  transition: width .55s ease;
}
.processing-note {
  grid-column: 1 / -1;
  margin: 0 !important;
  color: var(--muted);
  font-size: .9rem;
}
.processing-failed { background: #fff5f2; }
.processing-failed .job-progress-bar { background: var(--red); }
@media (max-width: 620px) {
  .processing-card { padding: 24px 17px; }
  .processing-stage-line { align-items: flex-start; flex-direction: column; gap: 2px; }
  .timer-grid { grid-template-columns: 1fr; }
}