.elementor-9407 .elementor-element.elementor-element-c474344{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;}.elementor-9407 .elementor-element.elementor-element-d2be32d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CECECE;--border-color:#CECECE;--border-radius:1px 1px 1px 1px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9407 .elementor-element.elementor-element-d2be32d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-field-type-html{padding-bottom:0px;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-button[type="submit"]{color:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9407 .elementor-element.elementor-element-dc74b16{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-9407 .elementor-element.elementor-element-fe88511 .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-97de189 );color:var( --e-global-color-97de189 );}.elementor-9407 .elementor-element.elementor-element-22c3ec4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-9407 .elementor-element.elementor-element-d2be32d{--width:30%;}.elementor-9407 .elementor-element.elementor-element-22c3ec4{--width:66.6666%;}}@media(max-width:767px){.elementor-9407 .elementor-element.elementor-element-c474344{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9407 .elementor-element.elementor-element-22c3ec4{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for form, class: .elementor-element-dc74b16 */.elementor-9407 .elementor-element.elementor-element-dc74b16 button[type="submit"] { display: none !important; }

.elementor-9407 .elementor-element.elementor-element-dc74b16 {
  position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c474344 *//* 1. ทำให้ Drop Zone (กรอบสีเขียว) เป็นกรอบอ้างอิง */
/* (เราสมมติว่า ID คือ ai_result_image) */
#ai_result_image {
  position: relative;
  /* คุณอาจจะต้องกำหนดความสูงหรือความสูงขั้นต่ำ (min-height)
     เพื่อให้พื้นที่นี้มีขนาดสำหรับวางไฟล์ แม้ยังไม่มีรูปภาพ
     เช่น: min-height: 300px; 
  */
}

/* 2. สไตล์ของ Overlay ที่คุณต้องการ */
#drag_drop_overlay {
  display: none; /* ซ่อนไว้เป็นค่าเริ่มต้น */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* สไตล์ตามที่ขอ: สี #d40054, Opacity 70% */
  background-color: rgba(212, 0, 84, 0.7); /* d40054 + opacity 0.7 */
  
  /* จัดข้อความ "วางที่นี่" ให้อยู่ตรงกลาง */
  color: white;
  font-size: 24px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  
  /* เพื่อให้เมาส์คลิกทะลุได้ และป้องกันการ select ข้อความ */
  z-index: 10;
  pointer-events: none; 
}/* End custom CSS */