.sec_ai_prompt{ position: relative; max-width: 900px; margin-left: auto; margin-right: auto; }
[data-wv-layout-element="block"] .sec_ai_prompt{ z-index: 100; }

/* 파일리스트 */
.list_con { }
.list_con + .prompt { min-height: 152px; }
.list_con.has_file + .prompt { min-height: 70px; }
.file_list_con.has_file { display: flex; align-items: flex-start; gap: 10px; margin: 10px 10px 2px 10px; }
.file_list { display: inline-flex; align-items: center; gap: 8px; position: relative; min-width: 0; padding: 8px; border-radius: 8px; background-color: #353739; font-size: 13px; font-weight: 700; color: #9e9fa0; letter-spacing: 0; }
.file_list img { height:51px; flex: 1 1; overflow: hidden; border-radius: 4px;}
.file_list span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file_list .remove_file { width: 19px; height: 19px; background-image: url("/weven_service/asset/img/svg/close_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.png"); background-position: center; background-size: contain; background-repeat: no-repeat; cursor: pointer; margin-bottom: auto;}

/* 프롬프트 */
.prompt_box { padding: 10px 10px 10px 10px; border-radius: 25px; background-color: #1a1a1b; }
.prompt_box textarea::-webkit-scrollbar{ width: 8px; background: transparent; }
.prompt_box textarea::-webkit-scrollbar-thumb{ background-color: #575859; border-left: 4px solid #28292a; }
.prompt_box textarea::-webkit-scrollbar-thumb:hover { background-color: #444648; cursor: pointer; }
.prompt_box textarea::-webkit-scrollbar-track{ background-color: transparent; } 
.prompt { font-size: 17px; font-weight: 400; letter-spacing: 0; line-height: 30px; color: #fff; background-color: transparent; padding: 13px 18px 11px 18px; margin: 0; border: unset; outline: none; }
.prompt::placeholder { color: #fff; }
textarea:focus::placeholder {  opacity: 1; }
#prompt.drag_outside { background-color: #373644; border-radius: 15px;}
#prompt.drag_over { background-color: rgba(90, 91, 128, 0.58); border-radius: 15px;}

/* 프롬프트 내부 */
.prompt_bottom_wrap { display: flex; flex-direction: row; align-items: flex-start; gap: 5px; margin: 20px 10px 10px 10px; }
.guide_list_wrap{ flex: 1 0; }
.guide_list_title { font-size: 14px; line-height: 20px; letter-spacing: 0; color: #808080; font-weight: 600; margin-bottom: 15px; }
.guide_list_con { flex-wrap: wrap; }
.guide_list { flex: 0 0 auto; font-size: 13px; letter-spacing: 0; line-height: 1; color: #fff; font-weight: 600; padding: 11px 16px; border-radius: 6px; background-color: #444648; cursor: pointer; }
.sec_ai_prompt [type="file"]{ display: none; }
.fileup_btn{ flex: 0 0 auto; padding: 11px 17px; color: #fff; background-color: #000; cursor: pointer; border-radius: 6px; font-size: 13px; letter-spacing: 0; line-height: 1; font-weight: 600; }
.textarea_btn{ position: relative; height: 32px; border-radius: 5px; background-color: transparent; overflow: hidden;}
.textarea_btn::after{ content: '';  width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-repeat: no-repeat; pointer-events: none; z-index: 0;}

/* 프롬프트 내부 버튼 */
.textarea_btn.up::after{ background-image: url("/weven_service/asset/img/svg/arrow_downward_alt_24dp_FFF_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 22px; transform: rotate(180deg); opacity: 0.6;}
.textarea_btn.upload::after{ background-image: url("/weven_service/asset/img/svg/icon9_textarea_btn_con_add.svg"); background-size: 22px; opacity: 0.6;}
.textarea_btn.example::after{ background-image: url("/weven_service/asset/img/svg/icon9_textarea_btn_con_slash.svg"); background-size: 20px; transform: rotate(-17deg); opacity: 0.6;}
.textarea_btn.customize::after{ background-image: url("/weven_service/asset/img/svg/testtype_customize.png"); background-size: 15px; opacity: 0.6;}
.textarea_btn.visibility::after{ content: ''; background-image: url("/weven_service/asset/img/svg/testtype_earth.png"); background-size: 15px; background-position: 10px; opacity: 0.6;}
.ai_model_arrow {  background-image: url("/weven_service/asset/img/svg/keyboard_arrow_right_24dp_FFF_FILL0_wght400_GRAD0_opsz24.svg"); background-size: 22px; width: 30px; height: 30px; transform: rotate(90deg); background-repeat: no-repeat;
     background-position: center; padding-right: 10px; opacity: 0.6;}
.textarea_btn.upload, .textarea_btn.customize, .textarea_btn.up, .textarea_btn.example { border-radius: 32px; background-color: #363739; width: 35px; height: 35px; transition: background-color 0.2s ease; }
.textarea_btn.visibility, .textarea_btn.ai_model { border-radius: 8px; background-color: #363739; padding-left: 20px; width: auto; height: 35px; transition: background-color 0.2s ease; display: flex; align-items: center; justify-content: flex-end;
    font-size: 13px; text-decoration: none; font-weight: 700; color: #aeafb0;}
.textarea_btn.visibility { justify-content: flex-end; padding-right: 10px; padding-left: 35px; }  

.textarea_btn.up.filled{ background-color: #2174ff; opacity: 1;}
.textarea_btn.up.filled:hover { background-color: #2174ff; }
.textarea_btn.upload:hover, .textarea_btn.customize:hover, .textarea_btn.up:hover, .textarea_btn.example:hover,
.textarea_btn.upload.active, .textarea_btn.customize.active, .textarea_btn.up.active, .textarea_btn.example.active { opacity: 1; background-color: #5d5e62; border-radius: 32px; }
.textarea_btn.visibility:hover, .textarea_btn.ai_model:hover,
.textarea_btn.visibility.active, .textarea_btn.ai_model.active{ opacity: 1; background-color: #5d5e62; border-radius: 8px; color: #fff;}
.textarea_btn.ai_model:hover .ai_model_arrow, .textarea_btn.ai_model.active .ai_model_arrow { opacity: 1;}
.textarea_btn.up:hover::after, .textarea_btn.upload:hover::after, .textarea_btn.example:hover::after, .textarea_btn.customize:hover::after, .textarea_btn.visibility:hover::after,
.textarea_btn.up.active::after, .textarea_btn.upload.active::after, .textarea_btn.example.active::after, .textarea_btn.customize.active::after, .textarea_btn.visibility.active::after, .textarea_btn.up.filled::after { opacity: 1;}
#dropdownAiMoelWrap { margin-left: auto; }
.dropdown_wrap { position: relative; display: flex; align-items: center; }

/* 내부 버튼 드롭다운 */
.textarea_dropdown_box { background-color: #363739; color: #fff; border: none; cursor: pointer; font-size: 12px; display: none; position: absolute; top: 110%; left: unset; right: 0; color: #fff; border-radius: 10px;
    width: max-content; box-shadow: 0 4px 12px rgba(0,0,0,0.4); z-index: 1; overflow: hidden;}
.textarea_dropdown_box:hover { }
.textarea_dropdown_box ul { list-style: none; margin: 7px; padding: 0;}
.textarea_dropdown_box.active { display: block; }

.textarea_dropdown_box a { display: block; padding: 15px 30px 15px 40px; text-decoration: none; border-radius: 6px; font-size: 13px; font-weight: 600;}
.textarea_dropdown_box a:hover { background-color: #5d5e62;}
.textarea_dropdown_box a.figma { background-size: 11px; background-image: url("/weven_service/asset/img/svg/Import_figma.png"); background-repeat: no-repeat; background-position: 15px;}
/* figma 비활성화(dimming) */
.textarea_dropdown_box a.figma { opacity: 0.5; cursor: default; }
.textarea_dropdown_box a.figma:hover { background-color: transparent;}

.textarea_dropdown_box a.image { background-size: 13px; background-image: url("/weven_service/asset/img/svg/Import_image.png"); background-repeat: no-repeat; background-position: 15px;}
.textarea_dropdown_box a.pdf { background-size: 13px; background-image: url("/weven_service/asset/img/svg/Import_pdf.png"); background-repeat: no-repeat; background-position: 15px;}
.textarea_dropdown_box a.url { background-size: 13px; background-image: url("/weven_service/asset/img/svg/Import_url.png"); background-repeat: no-repeat; background-position: 15px;}
.textarea_dropdown_box a.color { background-size: 14px; background-image: url("/weven_service/asset/img/svg/testtype_thema.png"); background-repeat: no-repeat; background-position: 15px;}
.textarea_dropdown_box a.enhance { background-size: 17px; background-image: url("/weven_service/asset/img/svg/testtype_enhance.png"); background-repeat: no-repeat; background-position: 15px;}
.textarea_dropdown_box a.select { background-size: 22px; background-image: url("/weven_service/asset/img/svg/testtype_radio.png"); background-repeat: no-repeat; background-position: 10px 12px;}
.textarea_dropdown_box a.select.selected { background-size: 22px; background-image: url("/weven_service/asset/img/svg/testtype_radio_selected.png"); background-repeat: no-repeat; background-position: 10px 12px; }
.textarea_dropdown_box .guide_list_con a { padding : 9px 40px 9px 21px;}
.textarea_dropdown_box .upload_list_con a { padding : 9px 40px 9px 40px;}

.dropdown_ai_model_sub { font-size: 12px; color: #808080; padding-top: 4px;}

/* 프롬프트 아래 버튼 */
/* ul.upload_btn_con{ display: flex; gap: 0 12px; height: 20px; justify-content: center; padding-top: 20px; color: #fff; align-items: center;} */
ul.upload_btn_con{ display: flex; gap: 0 5px; justify-content: center; padding-top: 20px; color: #000; align-items: center; font-size: 13px; font-weight: 700; position: relative; }
ul.upload_btn_con li { gap: 10px; position: relative;}
ul.upload_btn_con li:first-of-type { margin-left: 10px;}
ul.upload_btn_con li, ul.upload_btn_con li span{ display: flex; align-items: center; justify-content: flex-start; position: relative; color: #fff; cursor: pointer;
    border-radius: 7px; background-color: rgba(0, 0, 0, 0.2); /* 검정 + 투명도 20% */ width: 86px; height: 35px; transition: background-color 0.2s ease; }
ul.upload_btn_con #promptUploadFigma{ background-size: 13px; background-image: url("/weven_service/asset/img/svg/Import_figma.png"); height: 17px; width: 17px; padding-right: 5px; padding-left: 4px; background-repeat: no-repeat; background-position: right;}
ul.upload_btn_con #promptUploadImage{ background-size: 15px; background-image: url("/weven_service/asset/img/svg/Import_image.png"); height: 17px; width: 17px; padding-right: 5px; padding-left: 4px; background-repeat: no-repeat; background-position: right;}
ul.upload_btn_con #promptUploadPdf{ background-size: 15px; background-image: url("/weven_service/asset/img/svg/Import_pdf.png"); height: 17px; width: 17px; padding-right: 5px; padding-left: 4px; background-repeat: no-repeat; background-position: right;}
ul.upload_btn_con #promptUploadUrl{ background-size: 15px; background-image: url("/weven_service/asset/img/svg/Import_url.png"); height: 17px; width: 17px; padding-right: 5px; padding-left: 4px; background-repeat: no-repeat; background-position: right;}
ul.upload_btn_con li:hover{ opacity: 1; background-color: #000000; }

ul.upload_btn_con li .ready{ pointer-events: none; transition: all 0.2s; width: 86px; height: 30px; font-size: 11px; z-index: 1; line-height: 17px; font-weight: 600; color: #fff; background-color: #2174ff; border-radius: 7px; position: absolute;
    display: flex; justify-content: center; align-items: center; bottom: 120%; opacity: 0;}
ul.upload_btn_con li .ready::after{ content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 6px; border-style: solid; border-color: #2174ff transparent transparent transparent; opacity: 0;}
#promptUploadBtnFigma:hover .ready, #promptUploadBtnFigma:hover .ready::after, ul.upload_btn_con li:hover .ready, ul.upload_btn_con li:hover .ready::after  { opacity: 1;}

/* 업로드 팝업창 */
.upload_popup { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: none; justify-content: center; align-items: center; top: 260%;}
.upload_popup .popup_content { position: relative; background-color: #222; border-radius: 25px; padding: 30px; width: 70%; max-width: 600px; z-index: 10; display: flex; flex-direction: column;}
.upload_popup .popup_close { cursor: pointer; display: flex; background-image: url("/weven_service/asset/img/svg/close_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.png"); position: absolute;
    width: 23px; height: 23px; background-repeat: no-repeat; right: -15px; transform: translateY(-118%);}
.upload_popup .popup_header { display: flex; align-items: center; justify-content: center; flex-direction: row; width: 100%; position: relative;}
.upload_popup .popup_icon { display: flex; width: 100%; height: 50px; justify-content: center;}
.upload_popup .popup_title { font-size: 18px; font-weight: 500; color: #fff; padding-bottom: 30px;}
.upload_popup #popupIcon { background-image: url("/weven_service/asset/img/svg/Import_figma.png"); background-size: 30px; background-repeat: no-repeat; width: 50px; background-position: center;}
.upload_popup .popup_content_wrap { display: flex; flex-direction: row; justify-content: center; align-items: center;     gap: 9px;}
.upload_popup .popup_subtitle { font-size: 14px; color: #808080; text-align: center; font-weight: 400; margin-bottom: 25px;}
.upload_popup .popup_help { width:max-content; height: 60px; padding: 8px; resize: none; border: solid #808080 1px; display: flex; flex-direction: column; border-radius: 8px; justify-content: center; align-items: center; padding: 0 50px 0 50px;
    margin-bottom: 26px;
    margin-top: 25px;}
.upload_popup .popup_help .title { width: 100%; font-size: 14px; color: #808080; font-weight: 400; display: flex; justify-content: flex-start;}
.upload_popup .popup_help .sub { width: 100%; font-size: 13px; color: #808080; }
.upload_popup .popup_buttons { display: flex; justify-content: center; gap: 10px; height: 48px; width: 55px; background-color: #5d5e62; border-radius: 7px; display: flex; align-items: center;}
.upload_popup .popup_buttons.active { background-color: #2174ff; }
.upload_popup .popup_buttons .button { cursor: pointer; font-size: 14px; font-weight: 600; color: #fff;}
.upload_popup #popupInput { width: 100%; height: 48px; padding: 13px; resize: none; min-height: 33px; overflow: hidden; white-space: nowrap; margin-bottom: 0; border-radius: 7px; font-weight: 700;}
.upload_popup #popupInput:focus { outline: none; box-shadow: none;}
.upload_popup #popupInput::placeholder {  color: #b3bdc5; font-size: 14px; font-weight: 500; }

/* 로더 */
#canvasLoader{ position: fixed; top: 0; left: 0; z-index: 9999; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100vh; background: #000; }
#canvasLoader .loader_text{ font-size: 32px; line-height: 42px; font-weight: 600; color: #fff; text-align: center; transition: opacity 0.8s ease;}
#canvasLoader .loader_text span{ color: var(--point_lime_0); }
#canvasLoader [loader-ing]{ margin-top: 20px; width: 140px; height: 140px; background-image: url("/weven_service/asset/img/loader_loop.gif"); background-position: center; background-size: contain; background-repeat: no-repeat; }
#canvasLoader [loader-ing] canvas {width: 240px;height: 240px;}
#canvasLoader .loader_text.fade-out { opacity: 0; }



@media all and (min-width: 768px) {
    .prompt_bottom_wrap { align-items: flex-end; }
}


@media all and (min-width: 992px) {
    .textarea_dropdown_box { left: 0; right: unset; }
}