body{font-family:"Inter",sans-serif}.container{width:90%;max-width:1200px;padding:20px}#js-ai-code-generator{padding:20px;border-radius:20px}.main_heading{text-align:center;font-size:20px;font-weight:600;margin-bottom:20px}select{width:100%;height:35px}.error-message{display:none}#uiP2,#uiP3,#output{width:100%;margin-top:5px}.action_tool{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.actions{margin-top:10px;width:24%}.actions select{width:100%;height:35px;margin-top:5px}.actionBtn{text-align:end}textarea{height:200px;overflow-y:auto}select,textarea{border:1px solid #ddd;background-color:#f9f9f9;padding:5px 10px;resize:none}#human_language{max-height:200px;overflow-y:auto}select,textarea:focus{outline:none}#uiActionButton{margin-top:20px;width:fit-content;height:40px;border-radius:6px;color:#fff;background-color:#007bff;border:none;font-weight:600;font-size:14px;line-height:20px;padding:5px 16px;margin-bottom:10px}#uiActionButton:hover{cursor:pointer;background-color:#0874e9}#uiActionButton:focus{outline:none}.htmlGenerator .actions{width:33%}.custom-select{position:relative;display:inline-block;width:100%}.custom-select select{display:none;border:1 solid #ddd}.select-selected{padding:8px 16px;cursor:pointer;user-select:none;position:relative;border:1px solid #ddd;z-index:1000}.select-selected:after{content:"";position:absolute;top:14px;right:10px}.select-items{position:absolute;color:#000;top:100%;left:0;right:0;background-color:#fff;z-index:9999;border-radius:0 0 10px 10px;max-height:110px;overflow-y:auto;display:none}.select-items div{padding:8px 16px;cursor:pointer;user-select:none}.select-items div:hover{background-color:rgb(0 0 0 / .1)}.select-items::-webkit-scrollbar{width:10px}.select-items::-webkit-scrollbar-track{background:#f2f2f2}.select-items::-webkit-scrollbar-thumb{background:#e9e9e9;border-radius:10px}.select-items::-webkit-scrollbar-thumb:hover{background:#6cb6ff}@media screen and (max-width:600px){.action_tool{display:flex;flex-direction:column}.actions,.htmlGenerator .actions{width:100%}#uiP2,#output{width:95%}}