/* Restrained monochrome generation state for public work cards. */
.generation-wait-copy[data-image-generation-stage] strong,
.generation-wait-copy[data-video-generation-stage] strong {
  font-weight: 500 !important;
}

/* Center the status group against the full card, not its intrinsic grid row. */
.wrinkle-running-card.public-running-only > .unified-generation-status {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  height: auto !important;
  max-height: 100%;
  box-sizing: border-box;
}

.public-task-status-only,
.public-running-only {
  --generation-status-ink: #596270;
  color: #252a33;
  background: #f4f6f8 !important;
  box-shadow: inset 0 0 0 1px rgba(151, 160, 175, 0.24) !important;
}

html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #preview-canvas
  #detail-page-latest-panel
  > .wrinkle-latest-panel
  > .wrinkle-latest-grid
  > .wrinkle-running-card.public-running-only {
  border: 1px solid #cbd1da !important;
  background: #f4f6f8 !important;
  box-shadow: inset 0 0 0 1px rgba(151, 160, 175, 0.16) !important;
}

.public-task-status-only::before,
.public-task-status-only::after,
.public-running-only::before,
.public-running-only::after {
  display: none !important;
  animation: none !important;
}

.public-task-status-only .unified-generation-status,
.public-running-only .unified-generation-status {
  gap: 12px;
  width: min(100%, 260px);
  padding: 16px 14px;
}

.public-task-status-only .generation-wait-visual,
.public-running-only .generation-wait-visual {
  width: 50px !important;
  height: 50px !important;
}

.public-task-status-only .generation-wait-halo,
.public-task-status-only .generation-wait-orbit-inner,
.public-running-only .generation-wait-halo,
.public-running-only .generation-wait-orbit-inner {
  display: none !important;
  animation: none !important;
}

.public-task-status-only .generation-wait-orbit-outer,
.public-running-only .generation-wait-orbit-outer {
  inset: 2px;
  border: 1px solid #d2d7df;
  border-top-color: var(--generation-status-ink);
  border-right-color: var(--generation-status-ink);
  animation: refinedGenerationRing 1.35s linear infinite;
}

.public-task-status-only .generation-wait-orbit i,
.public-running-only .generation-wait-orbit i {
  display: none !important;
}

.public-task-status-only .generation-wait-core,
.public-running-only .generation-wait-core {
  width: 30px;
  height: 30px;
  border: 1px solid #d8dde4;
  border-radius: 9px;
  color: var(--generation-status-ink);
  background: #fff;
  box-shadow: 0 4px 12px rgba(44, 51, 62, 0.08);
  animation: none;
}

.public-task-status-only .generation-wait-core::before,
.public-running-only .generation-wait-core::before {
  content: none;
}

.generation-wait-core > .generation-wait-logo {
  display: block !important;
  width: 18px !important;
  height: 15px !important;
  object-fit: contain;
  opacity: 1 !important;
  filter: none;
}

html[data-theme="dark"] .generation-wait-core > .generation-wait-logo {
  filter: invert(1);
}

.public-task-status-only .generation-wait-core .lucide,
.public-running-only .generation-wait-core .lucide {
  display: none !important;
}

.public-task-status-only .generation-wait-copy,
.public-running-only .generation-wait-copy {
  gap: 5px;
  max-width: 250px;
}

.public-task-status-only .generation-wait-copy strong,
.public-running-only .generation-wait-copy strong {
  color: #252a33;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.public-task-status-only .generation-wait-copy > span,
.public-running-only .generation-wait-copy > span {
  color: #747b87;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}

.public-task-status-only .generation-wait-copy > .generation-wait-elapsed,
.public-running-only .generation-wait-copy > .generation-wait-elapsed {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #747b87;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 10px !important;
}

.public-task-status-only .generation-wait-elapsed .lucide,
.public-running-only .generation-wait-elapsed .lucide {
  width: 12px;
  height: 12px;
  color: #747b87;
  stroke-width: 1.8;
}

.public-task-status-only .generation-wait-elapsed b,
.public-running-only .generation-wait-elapsed b {
  color: #4f5662;
  font-weight: 500;
}

.public-task-status-only .generation-wait-progress,
.public-running-only .generation-wait-progress {
  width: min(112px, 58%);
  height: 1px;
  border-radius: 0;
  background: #d4d9e0;
}

.public-task-status-only .generation-wait-progress i,
.public-running-only .generation-wait-progress i {
  width: 34%;
  border-radius: 0;
  background: #5f6875;
  box-shadow: none;
  animation: refinedGenerationProgress 1.7s cubic-bezier(0.45, 0, 0.25, 1) infinite;
}

html[data-theme="dark"] .public-task-status-only,
html[data-theme="dark"] .public-running-only {
  --generation-status-ink: #c4cad3;
  color: #e6e8ec;
  background: #20242a !important;
  box-shadow: inset 0 0 0 1px rgba(198, 204, 214, 0.14) !important;
}

html[data-theme="dark"]:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature]
  #preview-canvas
  #detail-page-latest-panel
  > .wrinkle-latest-panel
  > .wrinkle-latest-grid
  > .wrinkle-running-card.public-running-only {
  border-color: #414751 !important;
  background: #20242a !important;
  box-shadow: inset 0 0 0 1px rgba(198, 204, 214, 0.1) !important;
}

html[data-theme="dark"] :is(.public-task-status-only, .public-running-only) .generation-wait-orbit-outer {
  border-color: #414751;
  border-top-color: #c4cad3;
  border-right-color: #c4cad3;
}

html[data-theme="dark"] :is(.public-task-status-only, .public-running-only) .generation-wait-core {
  border-color: #454b55;
  color: var(--generation-status-ink);
  background: #2b3037;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] :is(.public-task-status-only, .public-running-only) .generation-wait-copy strong {
  color: #e6e8ec;
}

html[data-theme="dark"] :is(.public-task-status-only, .public-running-only) .generation-wait-copy > span,
html[data-theme="dark"] :is(.public-task-status-only, .public-running-only) .generation-wait-elapsed .lucide {
  color: #a5acb7;
}

html[data-theme="dark"] :is(.public-task-status-only, .public-running-only) .generation-wait-elapsed b {
  color: #cbd0d8;
}

html[data-theme="dark"] :is(.public-task-status-only, .public-running-only) .generation-wait-progress {
  background: #414751;
}

html[data-theme="dark"] :is(.public-task-status-only, .public-running-only) .generation-wait-progress i {
  background: #c4cad3;
}

@keyframes refinedGenerationRing {
  to {
    transform: rotate(360deg);
  }
}

@keyframes refinedGenerationProgress {
  0% {
    left: -34%;
  }
  62%,
  100% {
    left: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-task-status-only .generation-wait-orbit-outer,
  .public-running-only .generation-wait-orbit-outer,
  .public-task-status-only .generation-wait-progress i,
  .public-running-only .generation-wait-progress i {
    animation: none !important;
  }
}