/* Live generation feedback: this file loads last so the progress view can move
   even though the legacy workbench skin disables decorative motion globally. */
html body.workspace-readable #progressView .design-loader{
  display:grid!important;
  width:220px!important;
  height:185px!important;
  margin:0 auto 2px!important;
}
html body.workspace-readable #progressView .progress-eta{
  position:relative!important;
  z-index:4!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  margin:0 auto -8px!important;
  color:#123d7a!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}
html body.workspace-readable #progressView .progress-batch-status{
  position:relative!important;
  z-index:4!important;
  display:block!important;
  margin:10px auto -3px!important;
  color:#58708e!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-align:center!important;
}
html body.workspace-readable #progressView:not(.hidden){
  background:
    radial-gradient(circle at 48% 34%,rgba(255,255,255,.98),rgba(255,255,255,.12) 27%,transparent 48%),
    linear-gradient(128deg,#f8fbff 0%,#edf5ff 34%,#e7f1ff 68%,#f5f9ff 100%)!important;
  border:1px solid rgba(83,137,216,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
  isolation:isolate!important;
}
html body.workspace-readable #progressView:not(.hidden):before,
html body.workspace-readable #progressView:not(.hidden):after{
  display:none!important;
  animation:none!important;
}
html body.workspace-readable #progressView>.generation-aurora-canvas{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:.82!important;
  filter:saturate(.94)!important;
}
html body.workspace-readable #progressView .loader-stack{
  position:absolute!important;
  left:50%!important;
  top:85px!important;
  width:54px!important;
  height:54px!important;
  margin:-27px 0 0 -27px!important;
  overflow:hidden!important;
  border:1px solid rgba(221,250,255,.96)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 30% 23%,#fff 0 6%,#9cecff 14%,#319ee3 55%,#123f9b 100%)!important;
  box-shadow:inset -9px -8px 15px rgba(6,28,84,.38),0 0 13px rgba(135,232,255,.82),0 0 34px rgba(59,167,238,.45)!important;
  filter:none!important;
  animation:creativePlanetFloat 3s ease-in-out infinite!important;
}
html body.workspace-readable #progressView .loader-stack>*{
  display:none!important;
}
html body.workspace-readable #progressView .loader-stack:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:3px!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 28% 28%,#9bd879 0 9%,transparent 10%),
    radial-gradient(ellipse at 38% 41%,#72c873 0 13%,transparent 14%),
    radial-gradient(ellipse at 63% 30%,#a8df82 0 8%,transparent 9%),
    radial-gradient(ellipse at 68% 58%,#5fbd70 0 14%,transparent 15%),
    radial-gradient(ellipse at 49% 72%,#7dce75 0 9%,transparent 10%)!important;
  transform:rotate(-14deg)!important;
  filter:drop-shadow(0 1px rgba(6,73,89,.28))!important;
}
html body.workspace-readable #progressView .loader-stack:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:linear-gradient(112deg,rgba(255,255,255,.34),transparent 38%,rgba(6,28,81,.18) 76%)!important;
}
html body.workspace-readable #progressView .orbit-one{
  inset:20px 8px 34px!important;
}
html body.workspace-readable #progressView .orbit-two{
  inset:39px 35px 52px!important;
}
html body.workspace-readable #progressView .loader-orbit{
  border-color:rgba(41,113,213,.26)!important;
  filter:drop-shadow(0 0 7px rgba(57,133,224,.18))!important;
}
html body.workspace-readable #progressView .loader-orbit i{
  background:#1685ec!important;
  box-shadow:0 0 0 4px rgba(39,134,232,.10),0 0 13px rgba(36,127,226,.42)!important;
}
html body.workspace-readable #progressView .progress-kicker,
html body.workspace-readable #progressView #progressTitle,
html body.workspace-readable #progressView #progressText{
  display:none!important;
}
html body.workspace-readable #progressView .loader-spark{
  display:block!important;
  color:#27a9df!important;
  text-shadow:0 0 16px rgba(38,151,218,.32)!important;
}
html body.workspace-readable #progressView .design-loader:before,
html body.workspace-readable #progressView .design-loader:after{
  display:none!important;
}
html body.workspace-readable #progressView:not(.hidden) .design-loader:before{
  animation:creativeHaloSpin 7s linear infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .design-loader:after{
  animation:creativeHaloPulse 2.8s ease-in-out infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .loader-stack{
  animation:creativePlanetFloat 3s ease-in-out infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .orbit-one{
  animation:orbit-spin 5.4s linear infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .orbit-two{
  animation:orbit-spin 3.8s linear infinite reverse!important;
}
html body.workspace-readable #progressView:not(.hidden) .loader-orbit i{
  animation:creativeOrbitDot 1.8s ease-in-out infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .loader-orbit i:nth-child(2){animation-delay:.55s!important}
html body.workspace-readable #progressView:not(.hidden) .loader-orbit i:nth-child(3){animation-delay:1.1s!important}
html body.workspace-readable #progressView:not(.hidden) .loader-spark{
  animation:creativeSpark 1.65s ease-in-out infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .spark-two{animation-delay:.62s!important}
html body.workspace-readable #progressView:not(.hidden) .progress-kicker span:after{
  animation:creativeTypingDots 1.35s steps(4,end) infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .progress-track b{
  animation:creativeTrackSweep 1.55s ease-in-out infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .progress-track i{
  animation:creativeProgressFlow 1.35s linear infinite!important;
  transition:width .5s ease!important;
}
html body.workspace-readable #progressView:not(.hidden) .progress-track i:after{
  animation:creativeFillGlint 1.45s ease-in-out infinite!important;
}
html body.workspace-readable #progressView .progress-meter-head{
  position:absolute!important;
  left:50%!important;
  top:136px!important;
  width:auto!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}
html body.workspace-readable #progressView .progress-meter-head>span{
  color:#73869a!important;
  font-size:8px!important;
  font-weight:800!important;
}
html body.workspace-readable #progressView .progress-meter-head strong{
  position:relative!important;
  display:inline-block!important;
  min-width:3.3ch!important;
  color:#0f66d5!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:none!important;
}
html body.workspace-readable #progressView .progress-track{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
html body.workspace-readable #progressView .progress-track i{
  display:none!important;
}
html body.workspace-readable #progressView:not(.hidden) .progress-track b{
  display:none!important;
}
html body.workspace-readable #progressView .progress-stages{
  width:min(360px,76%)!important;
  margin-top:0!important;
}
html body.workspace-readable #progressView .progress-elapsed{
  display:none!important;
}
html body.workspace-readable #progressView #progressText{
  margin-bottom:0!important;
  line-height:1.45!important;
}
html body.workspace-readable #progressView:not(.hidden) .progress-stages span.active,
html body.workspace-readable #progressView:not(.hidden) .progress-stages span.active:before{
  animation:creativeStageText 1.7s ease-in-out infinite!important;
}
html body.workspace-readable #progressView:not(.hidden) .progress-stages span.active:before{
  animation-name:creativeStagePulse!important;
}
.progress-next-task{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:36px;
  margin:11px auto 0;
  padding:7px 16px;
  border:1px solid rgba(14,126,111,.28);
  border-radius:999px;
  background:linear-gradient(135deg,#0d65d8,#159fc0);
  box-shadow:0 13px 32px rgba(12,101,196,.22),inset 0 1px rgba(255,255,255,.28);
  color:#fff;
  font:inherit;
  cursor:pointer;
}
.progress-next-task.hidden{display:none!important}
.progress-next-task b{color:#fff!important;font-size:13px;font-weight:950;line-height:1.25;text-shadow:0 1px 2px rgba(0,38,96,.28)}
.progress-next-task small{display:none}
.progress-next-task:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(12,101,196,.28),inset 0 1px rgba(255,255,255,.32)}
.progress-next-task:focus-visible{outline:3px solid rgba(29,173,151,.28);outline-offset:3px}
.progress-next-task:disabled{cursor:wait;opacity:1;transform:none;background:linear-gradient(135deg,#2b72cc,#27a4b9);box-shadow:0 9px 24px rgba(12,101,196,.18),inset 0 1px rgba(255,255,255,.28)}

@media(max-width:760px){
  html body.workspace-readable #progressView .progress-eta{margin-bottom:-18px!important;font-size:21px!important}
  html body.workspace-readable #progressView .design-loader{height:172px!important}
  .progress-next-task{min-height:40px;padding:9px 18px}
  .progress-next-task b{font-size:14px}
}
html body.workspace-readable #resultsView.batch-generating{
  padding-top:0!important;
}
html body.workspace-readable #resultsView .batch-progress-notice{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(100%,760px)!important;
  min-height:44px!important;
  margin:0 auto 16px!important;
  padding:10px 16px!important;
  border:1px solid #c9def4!important;
  border-radius:12px!important;
  background:#f3f8fe!important;
  color:#244a72!important;
  box-shadow:none!important;
  animation:none!important;
  transition:none!important;
}
html body.workspace-readable #resultsView .batch-progress-notice.hidden{display:none!important}
html body.workspace-readable #resultsView .batch-progress-notice b{color:#125da5!important;font-size:13px!important;white-space:nowrap!important}
html body.workspace-readable #resultsView .batch-progress-notice span{color:#627f9d!important;font-size:12px!important}
html body.workspace-readable #resultsView .batch-progress-notice.partial{border-color:#ead7a8!important;background:#fff9e9!important}
html body.workspace-readable #resultsView .batch-progress-notice.partial b{color:#9b671b!important}
html body.workspace-readable #resultsView .batch-progress-notice.partial span{color:#7d6a4b!important}
html body.workspace-readable #resultsView.batch-generating .result-continue-zone{
  display:none!important;
}
html body.workspace-readable #designRecordStrip .design-record-card.processing,
html body.workspace-readable #designRecordStrip .design-record-card.queued{
  animation:none!important;
  transition:none!important;
}
html body.workspace-readable #resultsView.batch-generating .result-card.progressive-new-result{
  animation:progressiveResultReveal .48s cubic-bezier(.2,.76,.26,1) both!important;
}
@keyframes progressiveResultReveal{
  from{opacity:0;transform:translateY(16px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes creativePlanetFloat{
  0%,100%{transform:translateY(2px) scale(.96)}
  50%{transform:translateY(-4px) scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  html body.workspace-readable #resultsView.batch-generating .result-card.progressive-new-result{animation:none!important}
}
@media(max-width:760px){
  html body.workspace-readable #resultsView .batch-progress-notice{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}
}

/* Generation loader: a dense fluid dot matrix and the real percent. */
html body.workspace-readable #progressView:not(.hidden){
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body.workspace-readable:has(#progressView:not(.hidden)) #authModal{
  display:none!important;
}
html body.workspace-readable #progressView>.generation-aurora-canvas,
html body.workspace-readable #progressView .progress-eta,
html body.workspace-readable #progressView .progress-kicker,
html body.workspace-readable #progressView #progressTitle,
html body.workspace-readable #progressView #progressText,
html body.workspace-readable #progressView #continueNextTaskBtn{
  display:none!important;
}
html body.workspace-readable #progressView .design-loader{
  display:flex!important;
  width:min(580px,88vw)!important;
  height:auto!important;
  margin:0!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
html body.workspace-readable #progressView .generation-dot-field{
  display:block!important;
  width:min(560px,84vw)!important;
  height:min(330px,58vw)!important;
  max-height:52vh!important;
  filter:none!important;
}
html body.workspace-readable #progressView .progress-meter-head{
  display:flex!important;
  position:static!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
}
html body.workspace-readable #progressView .progress-meter-head strong{
  min-width:0!important;
  color:#111!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
html body.workspace-readable #progressView .progress-batch-status{
  display:block!important;
  min-height:16px!important;
  margin:1px 0 0!important;
  color:#718096!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:.01em!important;
  font-variant-numeric:tabular-nums!important;
  text-align:center!important;
  opacity:.88!important;
}
html body.workspace-readable #progressView .progress-track{display:none!important}
html body.workspace-readable #progressView .progress-batch-status{color:#27466b!important;font-size:18px!important;font-weight:700!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){
  html body.workspace-readable #progressView .generation-dot-field{filter:none!important}
}