.hero{padding-block:108px var(--spacing-1000)}.hero-frame,.hero-inner{width:100%}.hero-inner{display:flex;flex-direction:column;align-items:center}.hero-display{max-width:900px;margin:0;text-align:center;font-size:var(--text-display);line-height:var(--leading-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading);text-wrap:balance}.hero-display em{font-style:normal}.hero-subtitle{margin:var(--spacing-250) 0 var(--spacing-500);font-size:var(--text-body-large);line-height:var(--leading-body-large);text-align:center}.hero .prompt{width:min(100%,760px);position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:128px;border:1px solid var(--color-border-input);border-radius:var(--radius-control);background:var(--color-background-input);box-shadow:0 8px 24px var(--color-shadow-input);transition:border-color var(--duration-feedback) ease}.hero .prompt:hover{border-color:var(--color-border-input-hovered)}.hero .prompt:focus-within{border-color:var(--color-border-focused);outline:1px solid var(--color-border-focused);outline-offset:-1px}.prompt-area{padding:var(--spacing-200) var(--spacing-250) var(--spacing-100)}.prompt-textarea{display:block;width:100%;resize:none;padding:0;border:0;background:transparent;color:var(--color-text);outline:none;font:inherit}.hero .prompt-textarea{min-height:var(--spacing-500);font-size:var(--text-body-large);line-height:var(--leading-body-large)}.prompt-textarea::-moz-placeholder{color:var(--color-text-subtlest);opacity:1}.prompt-textarea::placeholder{color:var(--color-text-subtlest);opacity:1}.prompt-bottom{display:flex;margin-top:auto;align-items:center;justify-content:space-between;padding:0 var(--spacing-150) var(--spacing-150) var(--spacing-250)}.prompt-send{display:flex;justify-content:flex-end;margin-left:auto}.prompt-plus{position:relative}.prompt--drag{outline:2px dashed var(--color-border-focused);outline-offset:2px}.templates{width:min(100%,760px);margin-top:var(--spacing-200)}.templates-row{display:flex;flex-wrap:wrap;justify-content:center}.chip,.templates-row{align-items:center;gap:var(--spacing-100)}.chip{display:inline-flex;height:var(--container-control);padding:0 var(--spacing-150);border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:transparent;color:var(--color-text);font-size:var(--text-body-small);line-height:var(--leading-body-small);cursor:pointer}.chip .glyph,.chip svg{color:var(--color-icon-brand);flex-shrink:0}.chip-rotate:hover,.chip:hover{background:var(--color-background-neutral-hovered);border-color:var(--color-border-control-hovered)}.chip-rotate{display:inline-grid;place-items:center;flex-shrink:0;width:var(--container-control);height:var(--container-control);padding:0;border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:transparent;color:var(--color-icon);cursor:pointer}@media (max-width:760px){.hero{padding-block:var(--spacing-600)}.hero-display{font-size:var(--text-heading-xxlarge);line-height:var(--leading-heading-xxlarge)}.hero-subtitle{margin:var(--spacing-150) 0 var(--spacing-300)}.hero .prompt-textarea{font-size:var(--text-body-large)}.prompt-area{padding-inline:var(--spacing-200)}.chip{padding-inline:var(--spacing-100)}}