chats-app{display:flex;flex-direction:column;block-size:100dvh;overflow:hidden;background:var(--canvas)}chats-app app-stage{position:relative;display:flex;flex:1;min-block-size:0}chats-app>app-stage>*{display:none}chats-app[view=sign-in] sign-in,chats-app[view=chats] :is(project-drawer,chat-view){display:flex}chats-app[view=style] project-drawer{display:flex}chats-app[view=style] style-editor{display:grid}chats-app app-bar icon-button{inline-size:var(--touch-target);block-size:var(--touch-target)}@media (min-width: 900px){chats-app[drawer=closed] project-drawer{display:none}chats-app :is(chat-view,style-editor){margin:var(--space-sm) var(--space-sm) var(--space-sm) 0;border:1px solid var(--rule);border-radius:var(--shape-lg);box-shadow:var(--shadow-1)}chats-app[drawer=closed] :is(chat-view,style-editor){margin-inline-start:var(--space-sm)}}@media (max-width: 899px){chats-app :is(chat-view,style-editor){border-radius:0}chats-app project-drawer{position:absolute;inset-block:0;inset-inline-start:0;z-index:3;border-inline-end:1px solid var(--rule);background:var(--canvas);box-shadow:var(--shadow-3);transition:transform var(--motion-base) var(--ease-standard),visibility 0s linear 0s}chats-app[drawer=closed] project-drawer{transform:translate(-104%);visibility:hidden;transition:transform var(--motion-base) var(--ease-exit),visibility 0s linear var(--motion-base)}chats-app:is([view=chats],[view=style]) drawer-scrim{display:block;position:absolute;inset:0;z-index:2;background:var(--scrim);transition:opacity var(--motion-base) var(--ease-standard),visibility 0s linear 0s}chats-app[drawer=closed] drawer-scrim{opacity:0;visibility:hidden;transition:opacity var(--motion-base) var(--ease-standard),visibility 0s linear var(--motion-base)}}