/* After submission, the running task owns the workspace. */
#page-hot-clone .clone-page-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#page-hot-clone [hidden] { display: none !important; }
#page-hot-clone.clone-task-view .clone-workspace { grid-template-columns: minmax(0, 1fr); }
#page-hot-clone.clone-task-view .clone-task-column { display: grid; }
#page-hot-clone.clone-task-view .clone-progress-card { padding: 28px 32px; }
#page-hot-clone.clone-task-view .clone-progress-card > .card-header { margin-bottom: 24px; }
#page-hot-clone.clone-task-view .clone-progress-item { padding: 20px 0 8px; border: 0; border-radius: 0; background: transparent; }
#page-hot-clone.clone-task-view .clone-progress-item + .clone-progress-item { border-top: 1px solid rgba(231, 185, 73, .16); }
#page-hot-clone.clone-task-view .clone-progress-item-head strong { font-family: inherit; font-size: 20px; }
#page-hot-clone.clone-task-view .clone-progress-item-head span { margin-top: 5px; font-family: inherit; font-size: 13px; line-height: 1.5; color: #a9a5a0; }
#page-hot-clone.clone-task-view .clone-progress-item-head em { font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; color: #f0d583; }
#page-hot-clone.clone-task-view .clone-progress-track { height: 14px; margin-top: 22px; background: #302c22; }
#page-hot-clone.clone-task-view .clone-progress-bar { background: #ddb449; transition: width 200ms ease-out; }
#page-hot-clone.clone-task-view .is-failed .clone-progress-bar { background: #ed7b71; }
#page-hot-clone.clone-task-view .is-failed .clone-progress-item-head em { color: #fca5a5; }
#page-hot-clone.clone-task-view .clone-segment-progress { gap: 10px; margin-top: 22px; }
#page-hot-clone.clone-task-view .clone-segment-chip { min-width: 110px; min-height: 42px; padding: 10px 14px; gap: 10px; color: #bcb7ad; }
#page-hot-clone.clone-task-view .clone-segment-chip b, #page-hot-clone.clone-task-view .clone-segment-chip span { font-size: 14px; }
#page-hot-clone.clone-task-view .clone-segment-chip.is-generating { color: #f0d583; background: #2b2415; border-color: #695327; }
#page-hot-clone.clone-task-view .clone-segment-chip.is-verified,
#page-hot-clone.clone-task-view .clone-segment-chip.is-concatenated { color: #f0d583; }
#page-hot-clone.clone-task-view .clone-progress-item p { margin-top: 18px; font-size: 14px; color: #c6c1b8; }
#page-hot-clone .clone-result-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
#page-hot-clone .clone-submission-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#page-hot-clone .clone-submission-steps li { color: #bcb7ad; }
@media (max-width: 640px) {
  body:has(#page-hot-clone.active) .sidebar { display: none !important; }
  #page-hot-clone .clone-page-header { align-items: flex-start; flex-direction: column; gap: 12px; }
  #page-hot-clone .clone-page-actions { width: 100%; gap: 8px; }
  #page-hot-clone .clone-page-actions .badge { margin-left: auto; }
  #page-hot-clone.clone-task-view .clone-progress-card { padding: 20px 16px; }
  #page-hot-clone.clone-task-view .clone-progress-item-head { flex-direction: column; gap: 12px; }
  #page-hot-clone.clone-task-view .clone-progress-item-head strong { font-size: 18px; }
  #page-hot-clone.clone-task-view .clone-segment-chip { min-width: 96px; flex: 1 1 40%; }
  #page-hot-clone.clone-task-view .clone-progress-card > .card-header { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  #page-hot-clone .clone-progress-bar { transition: none; }
}

/* Keep task details beside a stable portrait preview. */
#page-hot-clone.clone-task-view .clone-generation-layout { display: grid; grid-template-columns: minmax(0, 1fr) clamp(160px, 18vw, 220px); align-items: center; gap: 32px; }
#page-hot-clone .clone-progress-content { min-width: 0; }
#page-hot-clone .clone-inline-preview-frame { margin: 0; width: 100%; aspect-ratio: 9 / 16; overflow: hidden; border: 1px solid #383124; border-radius: 12px; background: #08090b; }
#page-hot-clone .clone-inline-preview-frame video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
#page-hot-clone .clone-inline-preview-empty { height: 100%; display: grid; place-content: center; justify-items: center; gap: 12px; color: #9a9489; font-size: 13px; }
#page-hot-clone .clone-inline-preview-empty svg { width: 28px; height: 28px; color: #c4a44d; }
#page-hot-clone .clone-caption-warning { color: #e0b962; }
@media (max-width: 640px) {
  #page-hot-clone.clone-task-view .clone-generation-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  #page-hot-clone .clone-inline-preview-frame { width: min(100%, 240px); justify-self: center; }
}