.societ-ai-tool [class*="-dnone"] { display: none !important; }
.societ-ai-tools-form { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; }
.societ-ai-tools-field { box-sizing: border-box; width: min(100%, 680px); }
.societ-ai-tools-field label { display: block; font-size: 20px; font-weight: 400; margin-bottom: 8px; }
.societ-ai-tools-field input { box-sizing: border-box; display: block; width: 100%; min-height: 44px; }
.societ-ai-tools-actions { width: 100%; }
.societ-ai-tools-actions button { display: inline-block; margin: 10px 10px 0 0; border-radius: 10px; padding: 17px 20px; background: #ef6079; color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.societ-ai-tools-output ul { padding-left: 1.5em; margin-bottom: 1em; list-style: disc !important; }
.societ-ai-tools-output ol { padding-left: 1.5em; margin-bottom: 1em; list-style: decimal !important; }
.societ-ai-tools-loader ul { width: 300px; padding: 0; list-style: none; }
.societ-ai-tools-loader li { width: 5%; height: 5px; margin: 20px 0; border-radius: 20px; background: rgba(255,255,255,.5); animation: societ-ai-tools-loader 5s linear infinite; }
.societ-ai-tools-loader li:nth-child(1) { animation-delay: .3s; }.societ-ai-tools-loader li:nth-child(2) { animation-delay: .5s; }.societ-ai-tools-loader li:nth-child(3) { animation-delay: .8s; }.societ-ai-tools-loader li:nth-child(4) { animation-delay: .2s; }
@keyframes societ-ai-tools-loader { 0% { width: 10%; } 30% { width: 70%; } 50% { width: 30%; } 65% { width: 90%; } 85% { width: 100%; } 100% { width: 5%; } }
