:root{--primary-color:#006dd3}.drag-area-parent{display:flex;align-items:center;justify-content:center;width:100%}.cursor-pointer{cursor:pointer}.drag-area{border:1px solid #dee2e6;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 50px;transition:border-color .3s ease}.drag-area.active{border:1px solid var(--primary-color)}.drag-area.uploading{border:1px dashed var(--primary-color)}.drag-area header,.drag-area span{font-weight:500;color:#333}.drag-area span{margin:10px 0 15px}.drag-area button{padding:10px 25px;font-weight:500;border:none;outline:none;border-radius:5px;cursor:pointer}.drag-area img{height:100%;width:100%;object-fit:cover;border-radius:5px}.chat-box{position:relative;max-width:100%;margin:0 auto;padding:5px 20px;background-color:#fff;border:1px solid #dee2e6;border-radius:50px;box-shadow:1px 1px 1px 1px rgba(0,0,0,.1)}.messages{max-height:300px;overflow-y:auto;padding:10px;border-bottom:1px solid #ccc}.input-container{display:flex;flex-direction:column;background-color:#fff}.input-actions{display:flex;align-items:center}.input-actions input{border:none;width:100%;padding:10px;margin-right:10px;outline:none}.input-actions input:focus{border:none;box-shadow:none}.input-actions .icon,.upload-icon-container button{font-size:24px;color:#007bff;cursor:pointer}.upload-icon-container button{background:transparent;border:none;display:flex;align-items:center}.upload-icon{margin-left:5px}.search-icon{font-size:24px;color:#007bff;cursor:pointer;margin-left:15px}.hints-container{display:flex;margin-left:20px}.hint-label{margin:5px;padding:8px}.hint-item{margin:5px;padding:8px 20px;background-color:#f1f1f1;cursor:pointer;border-radius:20px;font-size:14px}.hint-item:hover{background-color:#e0e0e0}.input-container{position:relative;width:100%}.input-actions .action-icons{cursor:pointer}