.generator{--surface: #111;--line: #303030;--muted: #a0a0a0;min-height:calc(100svh - 72px)}.generator-hero{min-height:calc(100svh - 72px);display:flex;align-items:center;padding:clamp(64px,18svh,160px) 32px 48px}.generator-hero-media{display:none}.featured-ideas{padding:16px 0 80px}.featured-ideas-heading{max-width:824px;margin:0 auto 40px;padding:0 32px;text-align:center}.featured-ideas-heading h2{margin:0;font-size:40px;line-height:1.15;font-weight:600;letter-spacing:-.025em;text-wrap:balance}.featured-ideas-heading p{margin:18px 0 0;color:var(--muted);font-size:18px;line-height:1.6}.featured-ideas-window{--featured-slide-width: min(50%, 960px);--featured-gap: 24px;overflow:hidden;touch-action:pan-y}.featured-ideas-track{display:flex;align-items:center;gap:var(--featured-gap);transform:translate(calc((100% - var(--featured-slide-width)) / 2 - 2 * (var(--featured-slide-width) + var(--featured-gap))))}.featured-ideas-slide{flex:0 0 var(--featured-slide-width);aspect-ratio:16 / 9;border-radius:12px;background:var(--surface)}.featured-ideas-track.is-moving{transition:transform .42s cubic-bezier(.16,1,.3,1)}.featured-ideas-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.featured-ideas-controls[inert]{visibility:hidden}.featured-ideas-play [hidden]{display:none}.featured-ideas-pagination{display:flex;align-items:center;padding:4px 8px;border-radius:32px;background:var(--surface)}.featured-ideas-pagination button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.featured-ideas-pagination span{width:28px;height:6px;border-radius:14px;background:currentColor;transform:scaleX(.2142857);transition:transform .42s cubic-bezier(.16,1,.3,1),background-color .18s ease-out}.featured-ideas-pagination [aria-current=true] span{transform:scaleX(1)}.featured-ideas-play{display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--surface);color:#fff;cursor:pointer}.featured-ideas-play svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.featured-ideas-window:focus-visible,.featured-ideas-controls button:focus-visible{outline:1px solid #ddd;outline-offset:4px}@media(min-width:761px)and (max-width:1199px){.featured-ideas{padding:0 0 80px}.featured-ideas-heading{padding:0 24px;margin-bottom:32px}.featured-ideas-heading h2{font-size:36px}.featured-ideas-heading p{font-size:17px;margin-top:16px}.featured-ideas-window{--featured-slide-width: 70%;--featured-gap: 20px}}@media(max-width:760px){.featured-ideas{padding:16px 0 48px}.featured-ideas-heading{padding:0 16px;margin-bottom:28px}.featured-ideas-heading h2{font-size:30px}.featured-ideas-heading p{font-size:16px;margin-top:14px}.featured-ideas-window{--featured-slide-width: 86%;--featured-gap: 12px}.featured-ideas-controls{margin-top:24px;gap:12px}}@media(prefers-reduced-motion:reduce){.featured-ideas-track.is-moving,.featured-ideas-pagination span{transition:none}}.generator .heading-accent{color:var(--orange)}.generator h1,.generator h2{text-transform:uppercase}.generator-workspace{width:min(100%,820px);margin:0 auto}.generator-heading{margin-bottom:36px;text-align:center}.generator-heading h1{margin:0;font-size:44px;line-height:1.12;font-weight:600;letter-spacing:-.035em}.generator-heading p{margin:14px 0 0;color:var(--muted);font-size:18px}@media(max-width:760px),(max-width:1000px)and (pointer:coarse)and (hover:none){.generator-hero{position:relative;isolation:isolate;min-height:min(640px,calc(100svh - 72px));padding:176px 16px 32px;align-items:flex-end}.generator-hero-media{display:block;position:absolute;inset:0;z-index:-1;background:var(--surface);pointer-events:none}.generator-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,var(--ink) 100%)}.generator-workspace{max-width:480px}.generator-heading{margin-bottom:28px;text-align:center}.generator-heading h1{font-size:clamp(30px,8.5vw,42px);letter-spacing:-.025em;text-wrap:balance}.generator-heading p{display:none}.generator .generator-workspace .composer{display:flex;flex-direction:column;gap:0;padding:16px;border:1px solid var(--line);border-radius:20px;background:#111111eb;box-shadow:none;overflow:hidden;transition:none}.generator .generator-workspace .composer:focus-within{border-color:#666}.generator .generator-workspace .composer-prompt{padding:0}.generator .generator-workspace .composer-label{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%)}.generator .generator-workspace .composer textarea{height:96px;min-height:96px;max-height:96px;padding:0;border:0;border-radius:0;background:transparent;font-size:16px;line-height:24px;white-space:pre-wrap;overflow-y:auto;resize:none;transition:none}.generator .generator-workspace .composer-expandable,.generator .generator-workspace .composer-controls,.generator .generator-workspace .generation-cost{display:none}.generator .generator-workspace .composer-footer{height:auto;margin-top:12px}.generator .generator-workspace .composer-actions{position:static;width:100%;min-height:48px}.generator .generator-workspace .composer .generate-button{width:auto;flex:0 0 auto;min-height:48px;padding:0 20px;border-radius:12px;gap:12px;font-size:16px!important}.generator .generator-workspace .composer .generate-button svg{width:18px;height:18px}.generator-workspace .composer-status{margin:12px 0 0}.generator-workspace .composer-status:empty{display:none}}.image-ideas{width:min(100%,1504px);margin:0 auto;padding:0 32px 80px}.image-ideas-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.image-ideas h2{margin:0;font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.025em}.image-ideas-controls{display:flex;gap:8px;flex-shrink:0}.image-ideas-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:#fff;cursor:pointer}.image-ideas-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.image-ideas-controls button:disabled{color:#666;border-color:#222;cursor:default}.image-ideas-controls button:focus-visible,.image-ideas-gallery:focus-visible{outline:1px solid #ddd;outline-offset:4px}.image-ideas-gallery{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:12px}.image-ideas-gallery::-webkit-scrollbar{display:none}.image-ideas-frame{flex:0 0 calc((100% - 48px)/4);aspect-ratio:16 / 10;border-radius:12px;background:var(--surface);scroll-snap-align:start}@media(min-width:761px)and (max-width:1199px){.image-ideas-frame{flex-basis:calc((100% - 32px) / 2.2)}}@media(max-width:760px){.image-ideas{padding:48px 16px}.image-ideas-head{gap:16px;margin-bottom:20px}.image-ideas h2{font-size:22px}.image-ideas-frame{flex-basis:84%}}.creation-story{width:min(100%,1344px);margin:0 auto;padding:24px 32px 96px}.creation-story>h2{max-width:720px;margin:0 auto 64px;color:#fff;text-align:center;font-size:40px;line-height:1.15;font-weight:600;letter-spacing:-.025em;text-wrap:balance}.creation-story-rows{display:grid;gap:104px}.creation-story-row{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;column-gap:64px}.creation-story-copy{width:100%;max-width:400px}.creation-story-copy h3{margin:0 0 18px;color:#fff;font-size:34px;line-height:1.18;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.creation-story-copy p{margin:0;color:var(--muted);font-size:18px;line-height:1.6}.creation-story-image{width:100%;aspect-ratio:16 / 10;border-radius:12px;background:var(--surface)}.creation-story-row:nth-child(2n){grid-template-columns:minmax(0,58fr) minmax(0,42fr)}.creation-story-row:nth-child(2n) .creation-story-image{grid-column:1;grid-row:1}.creation-story-row:nth-child(2n) .creation-story-copy{grid-column:2;grid-row:1;justify-self:end}#prompt{scroll-margin-top:104px}@media(min-width:900px)and (max-width:1199px){.creation-story{padding:0 24px 80px}.creation-story>h2{margin-bottom:48px;font-size:36px}.creation-story-rows{gap:80px}.creation-story-row{grid-template-columns:minmax(0,45fr) minmax(0,55fr);column-gap:32px}.creation-story-row:nth-child(2n){grid-template-columns:minmax(0,55fr) minmax(0,45fr)}.creation-story-copy h3{font-size:30px}.creation-story-copy p{font-size:17px}}@media(max-width:899px){.creation-story{max-width:728px;padding:0 24px 64px}.creation-story>h2{margin-bottom:36px;text-align:left;font-size:30px}.creation-story-rows{gap:64px}.creation-story-row,.creation-story-row:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:24px}.creation-story-copy{max-width:100%}.creation-story-row:nth-child(2n) .creation-story-copy,.creation-story-row:nth-child(2n) .creation-story-image{grid-column:auto;grid-row:auto}.creation-story-copy h3{max-width:440px;margin-bottom:14px;font-size:26px}.creation-story-copy p{font-size:16px}}@media(max-width:760px){.creation-story{padding:16px 16px 64px}}.prompt-structure{width:min(100%,1104px);margin:0 auto;padding:8px 32px 96px}.prompt-structure h2{margin:0;color:#fff;font-size:40px;line-height:1.15;font-weight:600;letter-spacing:-.025em}.prompt-structure-intro{max-width:560px;margin:18px 0 48px;color:var(--muted);font-size:18px;line-height:1.6}.prompt-structure-list{border-top:1px solid var(--line)}.prompt-structure-row{display:grid;grid-template-columns:minmax(0,28fr) minmax(0,72fr);align-items:baseline;column-gap:32px;padding:28px 0;border-bottom:1px solid var(--line)}.prompt-structure-row h3{margin:0;color:#fff;font-size:18px;line-height:1.6;font-weight:500}.prompt-structure-row p{margin:0;color:var(--muted);font-size:18px;line-height:1.6}.prompt-detail-example{display:block;margin-top:6px;color:#fff}.prompt-example{margin-top:40px}.prompt-example h3{margin:0 0 12px;color:#fff;font-size:18px;line-height:1.6;font-weight:500}.prompt-example p{max-width:720px;margin:0;color:var(--muted);font-size:18px;line-height:1.6}@media(min-width:761px)and (max-width:1199px){.prompt-structure{padding:0 24px 80px}.prompt-structure h2{font-size:36px}.prompt-structure-intro{margin-bottom:40px;font-size:17px}.prompt-structure-row{column-gap:24px;padding:24px 0}.prompt-structure-row h3,.prompt-structure-row p,.prompt-example h3,.prompt-example p{font-size:17px}}@media(max-width:760px){.prompt-structure{padding:0 16px 64px}.prompt-structure h2{font-size:30px}.prompt-structure-intro{margin:14px 0 32px;font-size:16px}.prompt-structure-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:24px 0}.prompt-structure-row h3,.prompt-structure-row p,.prompt-example h3,.prompt-example p{font-size:16px}.prompt-example{margin-top:32px}}.workflow{width:min(100%,1504px);margin:0 auto;padding:24px 32px 96px}.workflow-heading{max-width:980px;margin:0 auto 44px;text-align:center}.workflow-heading h2{margin:0;color:#fff;font-size:clamp(36px,4.5vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.035em;text-wrap:balance;text-transform:uppercase}.workflow-heading p{margin:18px auto 0;color:var(--muted);font-size:18px;line-height:1.5}.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workflow-step{display:flex;flex-direction:column;min-height:264px;padding:30px 32px 32px;border:1px solid #303030;border-radius:28px;background:linear-gradient(118deg,#111 0% 33%,#321510 63%,#a63b0d)}.workflow-step-label{align-self:flex-start;padding:5px 10px;border-radius:5px;background:#ffffff17;color:#ddd;font-size:14px;line-height:1.2;letter-spacing:.02em}.workflow-step h3{margin:auto 0 10px;color:#fff;font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.02em}.workflow-step p{max-width:34ch;margin:0;color:#eee;font-size:17px;line-height:1.45}.workflow-cta{display:flex;justify-content:center;margin-top:52px}.workflow-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border-radius:28px;background:var(--orange);color:#000;font-size:18px;font-weight:600;text-decoration:none}.workflow-cta a:focus-visible{outline:1px solid #fff;outline-offset:4px}@media(min-width:761px)and (max-width:1199px){.workflow{padding:0 24px 80px}.workflow-heading{margin-bottom:36px}.workflow-heading h2{font-size:46px}.workflow-step{min-height:240px;padding:26px 24px 28px}.workflow-step h3{font-size:22px}.workflow-step p{font-size:16px}}@media(max-width:760px){.workflow{padding:16px 16px 64px}.workflow-heading{margin-bottom:28px;text-align:left}.workflow-heading h2{font-size:32px}.workflow-heading p{margin-top:14px;font-size:16px}.workflow-steps{grid-template-columns:1fr;gap:12px}.workflow-step{min-height:210px;padding:24px;border-radius:22px}.workflow-step h3{margin-top:48px;font-size:23px}.workflow-step p{font-size:16px}.workflow-cta{margin-top:32px}.workflow-cta a{width:100%;min-height:52px;font-size:17px}}