.prompt-archive{background:rgba(246,239,226,.6)!important}
.prompt-archive-sticky{isolation:isolate;background:transparent!important}
.prompt-archive-bg{display:none!important}
.prompt-archive-sticky::before{content:"";display:block;position:absolute;z-index:1;inset:0;background:transparent;pointer-events:none}
.prompt-archive-sticky>header,.prompt-photo-track{z-index:2}
.prompt-archive-sticky>header{background:rgba(248,242,238,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px) saturate(.86);padding:24px}
.prompt-archive-sticky>header,.prompt-archive-sticky>header>span,.prompt-archive-sticky>header h2,.prompt-archive-sticky>header p{color:#fff}
.prompt-archive-sticky>header p{color:rgba(255,255,255,.88)}
.prompt-archive-actions a{border-color:rgba(255,255,255,.5);color:#fff}
.prompt-archive-actions a b{color:rgba(255,255,255,.78)}
@media(max-width:760px){.prompt-archive-sticky>header{padding:18px}}

/* AI Design Factory: tool field */
main#top>#prompt-archive .prompt-archive-sticky{
  padding:0;
}
main#top>#prompt-archive .factory-tool-field{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.76fr) minmax(540px,1.24fr);
  width:100%;
  height:100%;
  color:#181716;
}
main#top>#prompt-archive .factory-tool-copy{
  position:relative;
  inset:auto;
  width:auto;
  padding:clamp(76px,9vh,112px) clamp(34px,5vw,78px);
  border:0;
  border-right:1px solid rgba(35,31,28,.22);
  background:rgba(247,240,232,.42);
  backdrop-filter:none;
  opacity:1;
  transform:none;
  pointer-events:auto;
}
main#top>#prompt-archive .factory-tool-copy>span{
  color:#716d68;
  font-size:9px;
}
main#top>#prompt-archive .factory-tool-copy h2{
  margin:32px 0 26px;
  color:#181716;
  font:400 clamp(58px,7vw,104px)/.84 Georgia,"Songti SC",serif;
}
main#top>#prompt-archive .factory-tool-copy p{
  max-width:390px;
  margin:0;
  color:#4e4a46;
  font:14px/1.75 Georgia,"Songti SC",serif;
}
main#top>#prompt-archive .factory-tool-count{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:54px;
  border-top:1px solid rgba(35,31,28,.22);
}
main#top>#prompt-archive .factory-tool-count>div{
  padding:18px 4px;
  border-right:1px solid rgba(35,31,28,.22);
}
main#top>#prompt-archive .factory-tool-count>div:last-child{border-right:0}
main#top>#prompt-archive .factory-tool-count strong{
  display:block;
  font:400 30px Georgia,serif;
}
main#top>#prompt-archive .factory-tool-count span{
  color:#716d68;
  font-size:9px;
}
main#top>#prompt-archive .factory-tool-stage{
  position:relative;
  min-width:0;
  overflow:hidden;
}
main#top>#prompt-archive .factory-tool-orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:min(58vw,720px);
  height:min(58vw,720px);
  transform:translate(-50%,-50%);
  border:1px solid rgba(35,31,28,.22);
  border-radius:50%;
}
main#top>#prompt-archive .factory-tool-orbit::before{
  content:"";
  position:absolute;
  inset:18%;
  border:1px solid rgba(35,31,28,.18);
  border-radius:50%;
}
main#top>#prompt-archive .factory-tool-card{
  position:absolute;
  display:flex;
  align-items:center;
  gap:10px;
  width:138px;
  height:66px;
  padding:10px 12px;
  border:1px solid rgba(35,31,28,.22);
  background:rgba(247,242,236,.92);
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
main#top>#prompt-archive .factory-tool-card img{
  width:26px;
  height:26px;
  object-fit:contain;
}
main#top>#prompt-archive .factory-tool-card b{font-size:10px}
main#top>#prompt-archive .factory-tool-card:hover{
  z-index:4;
  color:#fff;
  background:#181716;
  transform:translateY(-4px);
}
main#top>#prompt-archive .factory-tool-card-1{left:7%;top:12%}
main#top>#prompt-archive .factory-tool-card-2{right:3%;top:20%}
main#top>#prompt-archive .factory-tool-card-3{left:-3%;top:48%}
main#top>#prompt-archive .factory-tool-card-4{right:-3%;top:51%}
main#top>#prompt-archive .factory-tool-card-5{left:12%;bottom:10%}
main#top>#prompt-archive .factory-tool-card-6{right:11%;bottom:8%}
main#top>#prompt-archive .factory-tool-card-7{left:50%;top:-3%;transform:translateX(-50%)}
main#top>#prompt-archive .factory-tool-card-7:hover{transform:translateX(-50%) translateY(-4px)}

/* Scroll-driven helix: one existing progress source, no autonomous animation. */
main#top>#prompt-archive .factory-tool-helix .factory-tool-stage{
  perspective:1100px;
}
main#top>#prompt-archive .factory-tool-helix .factory-tool-orbit{
  transform:translate(-50%,-50%) rotateX(67deg) rotateZ(calc(var(--prompt-progress,0) * 60deg));
  border-style:dashed;
}
main#top>#prompt-archive .factory-tool-helix .factory-tool-orbit::before{
  transform:rotateZ(calc(var(--prompt-progress,0) * -140deg));
  border-style:solid;
}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card{
  --helix-angle:0deg;
  --helix-delay:0;
  left:50%;
  right:auto;
  top:50%;
  bottom:auto;
  opacity:clamp(0,calc((var(--prompt-progress,0) - var(--helix-delay)) * 8),1);
  filter:blur(var(--helix-blur,0));
  transform:
    translate(-50%,-50%)
    rotate(calc(var(--helix-angle) + var(--prompt-progress,0) * 95deg))
    translateX(min(27vw,330px))
    rotate(calc(-1 * (var(--helix-angle) + var(--prompt-progress,0) * 95deg)))
    translateZ(var(--helix-depth,0));
  transition:background .2s ease,color .2s ease;
  will-change:transform,opacity;
}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card:hover{
  z-index:6;
  transform:
    translate(-50%,-50%)
    rotate(calc(var(--helix-angle) + var(--prompt-progress,0) * 95deg))
    translateX(min(27vw,330px))
    rotate(calc(-1 * (var(--helix-angle) + var(--prompt-progress,0) * 95deg)))
    translateZ(calc(var(--helix-depth,0px) + 14px));
}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card img{filter:grayscale(1)}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card-1{--helix-angle:-150deg;--helix-delay:.02;--helix-depth:-80px;--helix-blur:1px}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card-2{--helix-angle:-98deg;--helix-delay:.10;--helix-depth:-30px}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card-3{--helix-angle:-46deg;--helix-delay:.18;--helix-depth:55px}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card-4{--helix-angle:6deg;--helix-delay:.26;--helix-depth:110px}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card-5{--helix-angle:58deg;--helix-delay:.34;--helix-depth:30px}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card-6{--helix-angle:110deg;--helix-delay:.42;--helix-depth:-50px;--helix-blur:.5px}
main#top>#prompt-archive .factory-tool-helix .factory-tool-card-7{--helix-angle:162deg;--helix-delay:.50;--helix-depth:75px}
main#top>#prompt-archive .factory-tool-helix .factory-tool-core{
  transform:translate(-50%,-50%) scale(calc(.9 + var(--prompt-progress,0) * .1));
}
main#top>#prompt-archive .factory-tool-helix .factory-tool-core span{
  opacity:clamp(0,calc((var(--prompt-progress,0) - .72) * 8),1);
}
main#top>#prompt-archive .factory-tool-helix .factory-tool-core:hover,
main#top>#prompt-archive .factory-tool-helix .factory-tool-core:focus-visible{
  transform:translate(-50%,-50%) scale(1.035);
}
main#top>#prompt-archive .factory-tool-core{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  display:grid;
  place-content:center;
  width:240px;
  height:240px;
  padding:22px;
  transform:translate(-50%,-50%);
  border:1px solid #181716;
  background:rgba(239,231,224,.92);
  color:#181716;
  text-align:center;
  text-decoration:none;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
main#top>#prompt-archive .factory-tool-core small{
  margin-bottom:12px;
  color:#716d68;
  font-size:8px;
}
main#top>#prompt-archive .factory-tool-core strong{
  font:400 27px/.95 Georgia,"Songti SC",serif;
}
main#top>#prompt-archive .factory-tool-core span{
  margin-top:16px;
  font:13px "Songti SC",serif;
}
main#top>#prompt-archive .factory-tool-core:hover,
main#top>#prompt-archive .factory-tool-core:focus-visible{
  background:#181716;
  color:#fff;
  transform:translate(-50%,-50%) scale(1.035);
  outline:none;
}
main#top>#prompt-archive .factory-tool-core:hover small,
main#top>#prompt-archive .factory-tool-core:focus-visible small{color:rgba(255,255,255,.66)}

@media(max-width:820px){
  main#top>#prompt-archive .factory-tool-field{grid-template-columns:1fr}
  main#top>#prompt-archive .factory-tool-copy{
    position:absolute;
    z-index:5;
    left:0;
    right:0;
    top:0;
    padding:32px 24px 26px;
    border-right:0;
    border-bottom:1px solid rgba(35,31,28,.22);
    background:rgba(239,233,226,.88);
  }
  main#top>#prompt-archive .factory-tool-copy h2{margin:16px 0 0;font-size:48px;line-height:.9}
  main#top>#prompt-archive .factory-tool-copy p,
  main#top>#prompt-archive .factory-tool-count{display:none}
  main#top>#prompt-archive .factory-tool-stage{padding-top:190px}
  main#top>#prompt-archive .factory-tool-orbit{width:620px;height:620px;top:62%}
  main#top>#prompt-archive .factory-tool-core{top:62%;width:200px;height:200px}
  main#top>#prompt-archive .factory-tool-core strong{font-size:23px}
  main#top>#prompt-archive .factory-tool-card{width:124px;height:58px}
  main#top>#prompt-archive .factory-tool-helix .factory-tool-card{
    transform:
      translate(-50%,-50%)
      rotate(calc(var(--helix-angle) + var(--prompt-progress,0) * 95deg))
      translateX(285px)
      rotate(calc(-1 * (var(--helix-angle) + var(--prompt-progress,0) * 95deg)))
      translateZ(var(--helix-depth,0));
  }
}
main#top>#prompt-archive .factory-business-inline{display:inline-block;color:inherit;text-decoration:none;transform-origin:left center;transition:transform .22s ease,text-decoration-color .22s ease,opacity .22s ease}
main#top>#prompt-archive .factory-business-inline:hover,main#top>#prompt-archive .factory-business-inline:focus-visible{transform:scale(1.035);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em;outline:none;cursor:pointer}
@media(prefers-reduced-motion:reduce){main#top>#prompt-archive .factory-business-inline{transition:none}}
main#top>#prompt-archive .factory-tool-count{margin-top:34px}
