.generator-page{--gen-mint:#42f5cb;--gen-violet:#775bff;--gen-panel:#111e2b;--gen-line:rgba(147,181,204,.22);background:#07131e;color:#edf7ff}
.generator-main{overflow:hidden}.generator-page p{color:#9eb2c1}.generator-page a{color:inherit}.generator-page .content-cta{display:inline-flex;margin:1rem .55rem 0 0}.generator-page .text-link{font-weight:800;text-decoration:underline;text-decoration-color:rgba(66,245,203,.5);text-underline-offset:5px}
.generator-hero{position:relative;padding:clamp(7.5rem,12vw,10rem) 0 clamp(4rem,8vw,7rem);background:radial-gradient(circle at 78% 20%,rgba(119,91,255,.2),transparent 33%),radial-gradient(circle at 15% 38%,rgba(66,245,203,.1),transparent 28%),#07131e}
.generator-hero__grid{display:grid;gap:clamp(2.5rem,5vw,5rem);align-items:center}.generator-hero__copy{max-width:720px}.breadcrumbs{display:flex;gap:.55rem;align-items:center;margin-bottom:1.3rem;color:#7992a5;font-size:.85rem}.breadcrumbs a:hover{color:var(--gen-mint)}.eyebrow{display:inline-block;color:var(--gen-mint);font:800 .77rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}
.generator-hero h1{margin:.8rem 0 1.2rem;font-size:clamp(2.55rem,7vw,5.6rem);line-height:.96;letter-spacing:-.055em;max-width:920px}.hero-lead{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55;color:#d8e8f3!important}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:1.8rem}.hero-proof{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.hero-proof span{border:1px solid var(--gen-line);border-radius:99px;padding:.45rem .75rem;color:#a8becc;font-size:.79rem}
.generator-hero__visual{position:relative;border:1px solid var(--gen-line);border-radius:clamp(1.25rem,3vw,2rem);padding:.55rem;background:linear-gradient(145deg,rgba(66,245,203,.15),rgba(119,91,255,.08));box-shadow:0 30px 80px rgba(0,0,0,.35)}.generator-hero__visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:calc(clamp(1.25rem,3vw,2rem) - .35rem)}.hero-stage{position:absolute;display:flex;gap:.45rem;align-items:center;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.2);background:rgba(7,19,30,.85);backdrop-filter:blur(12px);border-radius:.75rem;box-shadow:0 8px 30px rgba(0,0,0,.35);font-size:.78rem}.hero-stage span{color:var(--gen-mint);font-family:ui-monospace,monospace}.hero-stage--prompt{left:2%;top:8%}.hero-stage--select{left:42%;top:42%}.hero-stage--upscale{right:2%;bottom:8%}
.generator-section{padding:clamp(4.5rem,8vw,7.5rem) 0}.generator-section--tint{background:rgba(13,29,42,.72);border-block:1px solid rgba(147,181,204,.1)}.section-heading{max-width:900px;margin-bottom:2rem}.section-heading h2{font-size:clamp(2rem,5vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:.7rem 0 1.1rem}.section-heading h4{margin:1.5rem 0 .4rem;color:#edf7ff}.section-heading .content-list{columns:2;gap:2rem}
.generator-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));align-items:start;grid-auto-rows:max-content}.generator-cards--compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.generator-card{height:auto;min-height:0;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid var(--gen-line);border-radius:1.15rem;background:linear-gradient(150deg,rgba(18,35,49,.95),rgba(10,24,35,.92))}.generator-card h3{font-size:1.25rem;line-height:1.18;margin:0 0 .8rem}.generator-card h4{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gen-mint);margin:1.2rem 0 .55rem}.content-list{padding-left:1.15rem;margin:.75rem 0;color:#9eb2c1}.content-list li+li{margin-top:.48rem}.generator-prompt{margin:1rem 0;padding:1rem;border-left:3px solid var(--gen-mint);border-radius:0 .75rem .75rem 0;background:rgba(66,245,203,.07);color:#cfe2ec;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.65}
.generator-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:2rem 0}.generator-flow article{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem;border-radius:1rem;border:1px solid var(--gen-line);background:#0c1b28}.generator-flow span{color:var(--gen-mint);font-family:ui-monospace,monospace}.generator-flow small{color:#8299aa}
.generator-workspace,.generator-showcase,.generator-wide-photo{margin:2rem 0;padding:.55rem;border:1px solid var(--gen-line);border-radius:1.25rem;overflow:hidden;background:#0c1b28}.generator-workspace img,.generator-showcase img,.generator-wide-photo img{display:block;width:100%;height:auto;border-radius:.9rem;object-fit:contain;background:#06111b}.generator-workspace figcaption,.generator-showcase figcaption,.generator-wide-photo figcaption{display:flex;justify-content:space-between;gap:1rem;padding:1rem .7rem .55rem}.generator-workspace figcaption span,.generator-showcase figcaption span,.generator-wide-photo figcaption span{color:#8ea6b6;text-align:right}
.prompt-anatomy{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;margin:2rem 0}.prompt-anatomy span{padding:.8rem 1rem;border:1px solid var(--gen-line);border-radius:99px;background:#0d1d2a}.prompt-anatomy b{color:var(--gen-mint)}
.generator-tool-table{overflow-x:auto;border:1px solid var(--gen-line);border-radius:1rem;background:#0c1b28}.generator-tool-table table{width:100%;min-width:720px;border-collapse:collapse}.generator-tool-table th,.generator-tool-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--gen-line);vertical-align:top}.generator-tool-table th{color:var(--gen-mint);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.generator-tool-table td{color:#9eb2c1}.generator-tool-table tbody tr:last-child td{border-bottom:0}.generator-tool-table strong{color:#edf7ff}
.generator-model-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start;margin:2rem 0}.generator-model-card{overflow:hidden;border:1px solid var(--gen-line);border-radius:1.15rem;background:#0c1b28}.generator-model-card>div{aspect-ratio:4/3;background:#07131e;overflow:hidden}.generator-model-card img{display:block;width:100%;height:100%;object-fit:cover}.generator-model-card:nth-child(1) img{object-position:center 60%}.generator-model-card:nth-child(2) img{object-position:center 68%}.generator-model-card figcaption{padding:1rem}.generator-model-card figcaption strong,.generator-model-card figcaption span{display:block}.generator-model-card figcaption span{margin-top:.35rem;color:#8ea6b6}
.review-board{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);gap:0;border:1px solid var(--gen-line);border-radius:1.3rem;overflow:hidden;background:#0c1b28;margin:2rem 0}.review-board__visual{min-height:340px}.review-board__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 72%}.review-board__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem)}.review-board__copy strong{font-size:clamp(1.7rem,4vw,3rem);line-height:1.05;margin:.7rem 0}
.evidence-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin:2rem 0}.evidence-strip article{padding:1rem;border:1px solid var(--gen-line);border-radius:.9rem;background:#0c1b28}.evidence-strip span{color:var(--gen-mint);font-weight:800}.evidence-strip p{margin:.45rem 0 0;font-size:.84rem}
.generator-faq{max-width:980px}.generator-faq details{border-bottom:1px solid var(--gen-line)}.generator-faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 0;cursor:pointer;font-weight:800;list-style:none}.generator-faq summary::-webkit-details-marker{display:none}.generator-faq details div{padding:0 0 1.25rem}.generator-section--final{text-align:center;background:radial-gradient(circle at 50% 40%,rgba(119,91,255,.18),transparent 45%),#07131e}.generator-section--final .section-heading{margin-inline:auto}
@media(min-width:1050px){.generator-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)}}
@media(max-width:900px){.generator-model-gallery{grid-template-columns:1fr 1fr}.generator-model-card:last-child{grid-column:1/-1}.generator-flow{grid-template-columns:1fr 1fr}.evidence-strip{grid-template-columns:repeat(2,1fr)}.evidence-strip article:last-child{grid-column:1/-1}.section-heading .content-list{columns:1}}
@media(max-width:620px){.generator-hero{padding-top:6.7rem}.generator-hero h1{font-size:clamp(2.35rem,12vw,3.65rem)}.hero-actions>*{width:100%;justify-content:center;text-align:center}.hero-stage{font-size:.68rem;padding:.4rem .5rem}.generator-model-gallery,.review-board{grid-template-columns:1fr}.generator-model-card:last-child{grid-column:auto}.generator-model-card>div{aspect-ratio:16/11}.generator-flow,.evidence-strip{grid-template-columns:1fr}.evidence-strip article:last-child{grid-column:auto}.review-board__visual{min-height:280px}.generator-workspace figcaption,.generator-showcase figcaption,.generator-wide-photo figcaption{display:block}.generator-workspace figcaption span,.generator-showcase figcaption span,.generator-wide-photo figcaption span{display:block;text-align:left;margin-top:.35rem}}
@media(prefers-reduced-motion:reduce){.generator-page *{scroll-behavior:auto!important}}

/* Page-level content isolation: the shared homepage heading is a horizontal
   flex component, while long-form feature pages need a stable vertical flow. */
.generator-section .section-heading{
  display:block;
  width:100%;
  max-width:920px;
  margin:0 0 clamp(2rem,4vw,3rem);
  text-align:left;
}
.generator-section .section-heading>*{min-width:0}
.generator-section .section-heading h2{
  max-width:880px;
  margin:.7rem 0 1.1rem;
  overflow-wrap:normal;
  word-break:normal;
}
.generator-section .section-heading>p{
  width:100%;
  max-width:780px;
  margin:0 0 .9rem;
  font-size:1.02rem;
  line-height:1.72;
}
.generator-section .section-heading h4{margin:1.5rem 0 .55rem}
.generator-section .section-heading .content-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.6rem 1.5rem;
  width:100%;
  max-width:820px;
  columns:auto;
}
.generator-card{min-width:0;overflow-wrap:break-word}
.generator-card .generator-prompt{overflow-wrap:anywhere}
.generator-section--final .section-heading{
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}
.generator-section--final .section-heading h2,
.generator-section--final .section-heading>p{
  margin-right:auto;
  margin-left:auto;
}
@media(max-width:900px){
  .generator-section .section-heading .content-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .generator-section .section-heading h2{font-size:clamp(2rem,10vw,3rem)}
  .generator-section .section-heading>p{font-size:.98rem;line-height:1.65}
}