.app-shell .app-main .creation-hero-panel{--creation-hero-top: calc(var(--page-actions-top) + 3.5rem);display:grid;place-items:start center;box-sizing:border-box;height:auto;min-height:var(--creation-hero-min-height, 100svh);padding:var(--creation-hero-top) 20px calc(4rem + env(safe-area-inset-bottom,0px))}.app-shell .creation-hero-panel .creation-hero{display:grid;grid-template-rows:minmax(min-content,calc(50svh - var(--creation-hero-top) - 3rem)) 3rem auto auto;gap:0}.app-shell .creation-hero-panel .creation-hero-copy{grid-row:1;align-self:end}.app-shell .creation-hero-panel .creation-hero-copy p{margin:1rem auto 0}.app-shell .creation-hero-panel .creation-hero-pricing{grid-row:2;align-self:center;margin:0}.app-shell .creation-hero-panel .creation-hero-composer{grid-row:3;margin-top:0}.app-shell .creation-hero-panel .creation-hero-suggestions{grid-row:4}@media(max-width:520px)and (orientation:portrait){.app-shell .app-main .creation-hero-panel{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;height:auto;min-height:var(--creation-hero-min-height, 100svh);padding:calc(var(--page-actions-top) + 3.5rem) 20px 0}.app-shell .creation-hero-panel .creation-hero{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;box-sizing:border-box;width:100%;min-height:0;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))}.app-shell .creation-hero-panel .creation-hero-copy{position:relative;align-self:stretch;margin-block:auto;padding-block:2rem}.app-shell .creation-hero-panel .creation-hero-copy :is(h1,h2){font-size:clamp(2rem,8.5vw,2.75rem);line-height:1.05;letter-spacing:-.045em}.app-shell .creation-hero-panel .creation-hero-copy p{margin:1rem auto 0;max-width:24rem;font-size:1rem;line-height:1.45}.app-shell .creation-hero-panel .creation-hero-pricing{margin-bottom:.75rem}.app-shell .creation-hero-panel .creation-hero-composer{flex-shrink:0;width:100%;margin-top:0}.creation-hero-panel .creation-hero-composer :is(.prompt-area,.prompt-mirror,.prompt){min-height:calc(4 * 1.35em + 2 * var(--space-1))}.creation-hero-panel .creation-hero-composer .controls-row{align-items:flex-end}.creation-hero-panel .creation-hero-composer .media-mode-pill-group{--media-mode-pill-size: 44px}.creation-hero-panel .creation-hero-composer :is(.library-toggle,.model-picker-trigger,.dropdown-trigger){min-width:44px;min-height:44px}}