.ai-generator-page{overflow-wrap:anywhere}.ai-generator-page .ag-container{width:100%;max-width:1328px;margin-inline:auto;padding-inline:32px}.ai-generator-page .ag-section{padding-block:88px;scroll-margin-top:96px}.ai-generator-page .ag-eyebrow{color:var(--color-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:500}.ai-generator-page .ag-section-heading{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:end;gap:48px;margin-bottom:40px;display:grid}.ai-generator-page .ag-section-title{letter-spacing:-.035em;text-wrap:balance;max-width:640px;font-size:40px;font-weight:600;line-height:1.15}.ai-generator-page .ag-description{max-width:560px;color:var(--color-secondary);text-wrap:pretty;font-size:16px;line-height:1.65}.ai-generator-page .ag-media-frame{background:var(--color-block-secondary);outline:1px solid var(--color-image-outline);outline-offset:-1px;border-radius:20px;min-width:0;position:relative;overflow:hidden}.ai-generator-page .ag-media-frame video{object-fit:contain;background:var(--color-onmedia-panel)}.ai-generator-page .ag-text-link{min-height:40px;color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-stroke-primary);text-decoration-color:var(--color-stroke-primary);text-underline-offset:6px;border-radius:4px;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.ai-generator-page .ag-text-link:hover{text-decoration-color:currentColor}.ai-generator-page .ag-text-link:active{color:var(--color-secondary)}.ai-generator-page .ag-text-link:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.ai-generator-page .ag-hero{padding-block:40px 32px;scroll-margin-top:96px}.ai-generator-page .ag-hero-intro{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.ai-generator-page .ag-hero-title{letter-spacing:-.045em;text-wrap:balance;max-width:960px;font-size:64px;font-weight:600;line-height:1.08}.ai-generator-page .ag-composer{z-index:1;border:1px solid var(--color-input-stroke);background:var(--color-float);max-width:720px;box-shadow:var(--shadow-reference);border-radius:28px;flex-direction:column;gap:12px;margin:32px auto 0;padding:20px;display:flex;position:relative}.ai-generator-page .ag-composer:focus-within{border-color:var(--color-stroke-primary)}.ai-generator-page [data-slot=button]:focus-visible,.ai-generator-page .ag-prompt-details summary:focus-visible,.ai-generator-page #ai-tools>.ag-container>.grid>a:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.ai-generator-page .ag-hero-media{gap:16px;margin-top:36px;display:grid}.ai-generator-page .ag-hero-mosaic{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,.8fr);align-items:center}.ai-generator-page .ag-hero-mosaic .ag-hero-frame{height:288px}.ai-generator-page .ag-hero-mosaic .ag-hero-frame:nth-child(2n){height:240px}.ai-generator-page .ag-hero-mosaic .ag-hero-frame:nth-child(3){height:320px}.ai-generator-page .ag-hero-filmstrip{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);align-items:center}.ai-generator-page .ag-hero-filmstrip .ag-hero-frame{max-height:420px}.ai-generator-page .ag-feature-compact{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.ai-generator-page .ag-model-card{border:1px solid var(--color-stroke-secondary);background:var(--color-body);border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex}.ai-generator-page .ag-model-card:hover{border-color:var(--color-stroke-primary);background:var(--color-block-secondary)}.ai-generator-page .ag-model-card:active{background:var(--color-block-secondary-pressed)}.ai-generator-page .ag-model-card:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.ai-generator-page .ag-prompt-details summary::-webkit-details-marker{display:none}.ai-generator-page .ag-prompt-details[open] .ag-prompt-plus{transform:rotate(45deg)}.ai-generator-page .ag-final-cta{background:var(--color-canvas);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:48px;padding:48px;display:grid}.ai-generator-page .ag-final-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;display:grid}.ai-generator-page .ag-final-media .ag-media-frame{aspect-ratio:3/4}.ai-generator-page .ag-final-media .ag-media-frame:nth-child(2){aspect-ratio:1}@media (prefers-reduced-motion:no-preference){.ai-generator-page .ag-model-card{transition:background-color .15s,border-color .15s}.ai-generator-page .ag-prompt-plus{transition:transform .15s cubic-bezier(.2,0,0,1)}}@media (width<=64rem){.ai-generator-page .ag-hero-title{font-size:52px}.ai-generator-page .ag-section-heading{gap:32px}.ai-generator-page .ag-feature-compact{grid-template-columns:1fr;gap:20px}.ai-generator-page .ag-feature-compact .ag-media-frame{aspect-ratio:16/10}.ai-generator-page .ag-final-cta{gap:32px;padding:32px}}@media (width<=48rem){.ai-generator-page .ag-container{padding-inline:20px}.ai-generator-page .ag-section{padding-block:56px}.ai-generator-page .ag-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.ai-generator-page .ag-section-title{font-size:32px}.ai-generator-page .ag-hero-title{font-size:40px}.ai-generator-page .ag-composer{border-radius:24px;padding:16px}.ai-generator-page .ag-hero-media{gap:12px}.ai-generator-page .ag-hero-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-generator-page .ag-hero-mosaic .ag-hero-frame:nth-child(n){height:192px}.ai-generator-page .ag-hero-mosaic .ag-hero-frame:nth-child(n+4){display:none}.ai-generator-page .ag-hero-filmstrip{grid-template-columns:1fr}.ai-generator-page .ag-hero-filmstrip .ag-hero-frame{width:100%;max-width:320px;max-height:none;margin-inline:auto}.ai-generator-page .ag-hero-filmstrip .ag-hero-frame:nth-child(n+2){display:none}.ai-generator-page .ag-media-frame{border-radius:16px}.ai-generator-page .ag-final-cta{border-radius:24px;grid-template-columns:1fr;gap:32px;padding:24px}}@media (width<=24rem){.ai-generator-page .ag-container{padding-inline:16px}.ai-generator-page .ag-hero-title{font-size:34px}.ai-generator-page .ag-composer>div{flex-direction:column;align-items:stretch}}