main{display:grid;grid-template-areas:"toolbar" "output" "composer";grid-template-columns:1fr;gap:1rem;width:calc(100dvw - 2rem);height:calc(100dvh - 2rem);padding:1rem}@media (min-width:600px){main{grid-template-columns:1fr 3fr;grid-template-rows:3fr 1fr;grid-template-areas:"toolbar output" "toolbar composer"}}.toolbar{grid-area:toolbar;width:100%;height:100%}.output{grid-area:output;display:flex;overflow-y:auto;flex-direction:column;gap:1rem}.output .chat-bubble{border:1px solid #000;border-radius:5px;padding-inline-start:1rem;padding-inline-end:1rem}.output .user{margin-inline-start:auto}.output .assistant{margin-inline-end:auto}.output .chat-output-empty-state{color:gray;margin:auto}.composer{grid-area:composer;display:flex;gap:1rem}.composer textarea{flex-grow:1}@keyframes sd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sd-blurIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes sd-slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-sd-animate]{animation:var(--sd-animation,sd-fadeIn)var(--sd-duration,.15s)var(--sd-easing,ease)var(--sd-delay,0s)both}