.studio-creation-screen{flex-direction:column;flex:1;align-items:center;width:100%;min-height:100%;padding:clamp(72px,13vh,180px) 0 56px;transition:padding-top .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.studio-creation-suggestions{width:min(100% - 48px,760px);min-height:242px;margin:0 auto;animation:.36s cubic-bezier(.22,1,.36,1) both studio-creation-suggestions-arrive;position:absolute;bottom:-52px;left:0;right:0}.studio-creation-suggestions-heading{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.studio-creation-suggestions-heading h3{margin:0}.studio-creation-suggestions-visibility{background:color-mix(in srgb, var(--ink) 4%, transparent);width:34px;height:34px;color:var(--text-soft);border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:background-color .18s,color .18s;display:grid}.studio-creation-suggestions-visibility:hover,.studio-creation-suggestions-visibility:focus-visible{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--text)}.studio-creation-suggestions-reopen{background:color-mix(in srgb, var(--brand-accent) 8%, transparent);width:40px;height:40px;color:var(--brand-accent);border:0;border-radius:10px;place-items:center;padding:0;transition:background-color .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:-48px;right:0}.studio-creation-suggestions-reopen:hover,.studio-creation-suggestions-reopen:focus-visible{background:color-mix(in srgb, var(--brand-accent) 15%, transparent);color:var(--brand-accent);outline:none}.studio-creation-suggestions-reopen:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 44%, transparent)}.studio-creation-suggestions-visibility:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 48%, transparent);outline-offset:2px}.studio-creation-suggestions-shelf{grid-template-columns:repeat(4,164px);justify-content:center;gap:12px;margin-top:12px;padding:6px 0 2px;display:grid}.studio-creation-suggestions-status{min-height:50px;color:var(--text-faint);font-family:var(--font-sans);justify-content:center;align-items:center;gap:9px;font-size:12px;line-height:1.45;display:flex}.studio-creation-suggestions-retry{color:var(--text);font:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 30%, transparent);text-decoration-color:color-mix(in srgb, currentColor 30%, transparent);text-underline-offset:3px;background:0 0;border:0;padding:0}.studio-creation-suggestions-retry:hover,.studio-creation-suggestions-retry:focus-visible{outline:none;text-decoration-color:currentColor}@keyframes studio-creation-suggestions-arrive{0%{opacity:0;transform:translateY(6px)}}.studio-creation-screen-intro,.studio-creation-screen-body{width:min(100%,640px)}.studio-creation-screen-body{transition:width .42s cubic-bezier(.22,1,.36,1)}.studio-creation-screen-intro{text-align:center;flex-direction:column;align-items:center;gap:14px;max-height:190px;margin-bottom:30px;transition:max-height .3s cubic-bezier(.22,1,.36,1),margin .3s cubic-bezier(.22,1,.36,1),opacity .18s,transform .3s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.studio-creation-screen:not([data-creation-state=idle]) .studio-creation-screen-intro{opacity:0;pointer-events:none;max-height:0;margin-top:0;margin-bottom:0;transform:translateY(-8px)}.studio-creation-screen:not([data-creation-state=idle]){padding-top:clamp(28px,6vh,64px)}.studio-creation-screen .home-studio-pet{width:58px;height:58px}.studio-creation-screen-intro-copy{justify-items:center;gap:8px;min-width:0;display:grid}.studio-creation-screen-intro-copy h2{max-width:520px;color:var(--text);font-family:var(--font-brand);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.06}.studio-creation-screen-intro-copy p{max-width:500px;color:var(--text-faint);font-family:var(--font-sans);text-wrap:balance;margin:0;font-size:13.5px;line-height:1.5}.studio-creation-screen-body,.studio-creation-screen .memo-inline-entry,.studio-creation-screen .memo-inline-guided,.studio-creation-screen .home-creation-anchor{overflow:visible}.studio-creation-screen .memo-inline-entry,.studio-creation-screen .memo-inline-guided,.studio-creation-screen .home-creation-anchor{width:100%;margin-inline:0}.studio-creation-screen .home-composer-card{--glow-padding:32px;--fill-opacity:.12;box-shadow:0 3px 14px color-mix(in srgb, var(--elevation-shadow-color) 5%, transparent);border-radius:22px}.studio-creation-screen .home-composer-card.glow-active{border-color:color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:0 3px 14px color-mix(in srgb, var(--elevation-shadow-color) 5%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent), 0 14px 38px color-mix(in srgb, var(--accent) 12%, transparent)}.studio-creation-screen .home-composer-card>.home-composer-edge-light,.studio-creation-screen .home-composer-card:after{display:none}.studio-creation-screen .home-composer-body{min-height:56px;position:relative}.studio-creation-screen .home-composer-field{align-items:center;min-height:56px;padding:0 88px 0 16px;display:flex}.studio-creation-screen .home-composer-field textarea{height:28px;min-height:28px;max-height:28px;font-size:16px;line-height:1.75}.studio-creation-screen .home-composer-toolbar{width:auto;padding:0;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media (max-width:720px){.studio-creation-screen{padding:44px 0 28px}.studio-creation-screen-intro{gap:12px;margin-bottom:24px}.studio-creation-screen .home-studio-pet{width:54px;height:54px}.studio-creation-screen-intro-copy h2{font-size:clamp(23px,7vw,29px)}.studio-creation-screen-intro-copy p{font-size:12.5px}.studio-creation-suggestions{width:100%;min-height:0;margin-top:30px;position:static}.studio-creation-suggestions-shelf{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;justify-content:start;overflow-x:auto}.studio-creation-suggestions-shelf::-webkit-scrollbar{display:none}.studio-creation-suggestions-shelf>.notebook{scroll-snap-align:start}.studio-creation-screen .home-composer-input-row:has(.home-composer-trailing-control){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.studio-creation-screen .home-composer-trailing-control{position:static;transform:none}}@media (max-height:620px) and (min-width:721px){.studio-creation-screen{padding-bottom:28px}.studio-creation-suggestions{min-height:0;margin-top:30px;position:static}}@media (max-width:480px){.studio-creation-screen-intro-copy h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.studio-creation-suggestions,.studio-creation-screen-intro,.studio-creation-screen{transition:none;animation:none}}
