.chat-form{display:flex;padding:0;height:100%;flex-direction:column}.chat-form-top{display:flex;flex:1;padding:0 24px;flex-direction:column;overflow-y:auto;overflow-x:hidden;align-items:stretch;gap:25px;min-height:0}.chat-form-temp{padding:0 24px 24px}.chat-form-bottom{display:flex;width:100%;height:93px;padding:16px;flex-direction:column;align-items:flex-start;gap:18px;border-radius:15px;border:1px solid var(--stroke_box,#cbd5e1);background:var(--absolute-white,#FFF)}.chat-form-bottom-image-edit{height:130px}.chat-form-bottom-image-edit,.chat-form-bottom-with-attachment{display:flex;width:100%;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;border-radius:15px;border:1px solid transparent;background-image:linear-gradient(#FFF,#FFF),linear-gradient(90deg,#D511FD 7.94%,#8A43E1 45.79%,#EF7B16 76.99%,#FF2F2F 114.34%);background-origin:border-box;background-clip:padding-box,border-box}.chat-form-bottom-with-attachment{height:auto}.chat-input-container{align-self:stretch}.chat-input-container-image-edit{display:flex;align-items:flex-start;gap:10px;align-self:stretch}.chat-input-text-default{align-self:stretch}.chat-input-text-default,.chat-input-text-edit{color:var(--gray3,#BBB);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.chat-input-text-edit{flex:1}.messageContainer{display:flex;margin-bottom:4px}.messageContainer,.messageContainer.user{justify-content:flex-end}.messageContainer.ai{justify-content:flex-start}.userMessageWrapper{display:flex;flex-direction:column;align-items:flex-end;gap:9px;max-width:374px}.userMessageBox{display:inline-flex;padding:13px 18px;border-radius:10px;background:var(--gray,#F4F2F1)}.messageContent,.userMessageBox{flex-direction:column;align-items:flex-start;gap:10px}.messageContent{display:flex;align-self:stretch;color:#22202A;font-family:Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;white-space:pre-wrap}.messageImage{width:78px;height:78px;border-radius:10px;border:.5px solid #bbb;object-fit:cover}.aiMessageWrapper{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:85%}.aiMessageText{color:#4C4C4C;font-family:Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;white-space:pre-wrap}.aiMessageImage{max-width:100%;border-radius:10px;border:.5px solid #bbb;margin-top:10px}.timestamp{color:#808080;font-family:Pretendard,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-top:4px;margin-bottom:20px}.timestamp.user{text-align:right}.timestamp.ai{text-align:left}.typing-indicator{display:flex;gap:6px;padding:10px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:#999;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.imagePreviewContainer{display:flex;width:62px;height:62px;flex-shrink:0;position:relative;border-radius:10px}.imagePreviewContainer img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px;border:.5px solid #bbb}.textareaWrapper{flex:1;position:relative;min-width:0}.chatTextarea{width:100%;border:none;outline:none;resize:none;color:#22202A;font-size:16px;font-style:normal;font-weight:400;line-height:normal;font-family:Pretendard,sans-serif;overflow-y:auto}.chatTextarea.normalMode{min-height:20px;height:20px;max-height:20px}.chatTextarea.imageEditMode{min-height:62px}.chatPlaceholder{left:16px;top:16px}.chatPlaceholder,.chatPlaceholderImageMode{position:absolute;pointer-events:none;font-family:Pretendard,sans-serif;color:#BBB}.chatPlaceholderImageMode{left:0;top:0}.chatIconContainer{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.imageAddButton{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;font-family:Pretendard,sans-serif;padding:0}.imageAddIcon{width:22px;height:22px;aspect-ratio:1/1}.imageAddText{color:#22202A;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.sendButton{display:flex;width:24px;height:24px;align-items:center;justify-content:center;gap:10px;border-radius:50%;background:#22202A;border:none;cursor:pointer;transition:all .2s;padding:0}.sendButton:disabled{background:#e5e7eb;cursor:not-allowed}.sendButton:not(:disabled):hover{background:#1a1820}.imageRemoveButton{display:flex;width:18px;height:18px;padding:4px;align-items:center;justify-content:center;gap:10px;flex-shrink:0;border-radius:50%;background-color:#fff;border:1px solid #e5e7eb;cursor:pointer;font-size:14px;color:#6b7280;opacity:1;transition:opacity .2s ease;z-index:10;position:absolute;top:4px;right:4px}.imageAttachmentArea{padding:10px 13px 13px}.imageAttachmentArea,.imageAttachmentArea-collapsed{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;border-radius:10px;border:1px solid #cbd5e1}.imageAttachmentArea-collapsed{padding:10px 13px}.imageAttachmentArea-expanded{display:flex;padding:10px 13px 13px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;border-radius:10px;border:1px solid #cbd5e1}.attachmentHeader{display:flex;justify-content:space-between;align-items:center;align-self:stretch;cursor:pointer}.attachmentText{color:var(--gray2,#808080);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.attachmentToggleButton{background:transparent;border:none;cursor:pointer;font-size:12px;color:#6b7280;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.attachmentContent{display:flex;flex-direction:column;align-items:flex-start;gap:9px;align-self:stretch}.attachedImageContainer{display:flex;width:78px;height:79px;padding:4px;justify-content:flex-end;align-items:flex-start;gap:10px;border-radius:6px;border:.5px solid #bbb;position:relative}.attachedImageThumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px}.attachedImageRemoveButton{display:flex;width:18px;height:18px;padding:4px;align-items:center;justify-content:center;gap:10px;flex-shrink:0;border-radius:50%;background-color:#fff;border:1px solid #e5e7eb;cursor:pointer;font-size:14px;color:#6b7280;opacity:1;transition:opacity .2s ease;z-index:10;position:absolute;top:4px;right:4px}.imageAddButton:disabled{opacity:.5;cursor:not-allowed}.imageAddButton:disabled .imageAddText{color:#9ca3af}.selectedImageBorder{border-radius:10px;border:3px solid #007aff!important;cursor:pointer}.unselectedImage{border-radius:10px;border:.5px solid #bbb;cursor:pointer;opacity:.7;transition:opacity .2s}.unselectedImage:hover{opacity:1}.chatMessageAttachmentArea{display:flex;width:315px;padding:10px 13px;flex-direction:column;align-items:flex-start;gap:10px;margin-top:9px}.chatMessageAttachmentHeader{display:flex;justify-content:space-between;align-items:center;align-self:stretch;cursor:pointer}.attachmentIcon{width:16px;height:16px;aspect-ratio:1/1}.attachmentLabel{color:var(--gray2,#808080);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.chatMessageAttachmentToggle{background:transparent;border:none;cursor:pointer;font-size:12px;color:#6b7280;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.chatMessageAttachmentContent{display:flex;flex-direction:column;align-items:flex-start;gap:9px;align-self:stretch}.chatMessageAttachedImageContainer{display:flex;width:78px;height:79px;padding:4px;justify-content:flex-end;align-items:flex-start;gap:10px;border-radius:6px;border:.5px solid #bbb;position:relative}.chatMessageAttachedImageThumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px}.imageEditLoadingContainer{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.imageEditLoadingHeader{display:flex;align-items:center;gap:8px}.imageEditLoadingIcon{width:24px;height:24px;aspect-ratio:1/1}.imageEditLoadingText{color:var(--black,#22202A);text-align:center;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.imageEditLoadingBox{width:196px;height:196px;padding:118px;gap:10px}.imageEditLoadingBox,.imageEditLoadingSpinner{display:flex;justify-content:center;align-items:center}.imageEditLoadingSpinner{width:25px;height:25px;flex-shrink:0}.chat-form-top::-webkit-scrollbar{width:6px}.chat-form-top::-webkit-scrollbar-track{background:transparent}.chat-form-top::-webkit-scrollbar-thumb{background:#BBBBBB;border-radius:3px}.chat-form-top::-webkit-scrollbar-thumb:hover{background:#94a3b8}