#ai_image_carousel {

}
.ai_console_item {
    width: 50%;
    float: left;
}
.ai_image_carousel_template {
    background-color: rgba(0, 0, 0, 0.4);
}
.ai_image_carousel_template .modal-content {
    background:none;
    border: 0px;
}
.ai_image_carousel_template .modal-dialog {
  width: 100%;
  margin: 0 auto;
  max-width: inherit;
}
.ai_image_carousel_template .carousel-item {

}
.ai_image_carousel_container {

}
.bs-tooltip-bottom .tooltip-inner {
  max-width:80vw !important;
}

#ai_image_carousel .carousel-inner {

}
#ai_image_carousel .carousel-inner img {

}

.carousel-item img{
    width: auto;
    height: calc(80vh - 80px);
}
.ai_image_carousel_controls {
    height: 80px;
    margin-top:10px;
}
.ai_image_carousel_control_btns {
    margin-top: 10px;
}
#ai_image_carousel .carousel-indicators {
    position: static;
    margin-top:20px;
}

#ai_image_carousel .carousel-indicators > li {
    width:100px;
}

#ai_image_carousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}

#ai_image_carousel .carousel-indicators li.active img {
    opacity: 1;
}

#ai_image_carousel .carousel-indicators li:hover img {
    opacity: 0.75;
}
.copy_image_bg {
    background-color: #ebebeb;
}
.copy_image_org_info {

}
#prompt_input_textarea {
  width: 100%;
  min-height: 100px;
  border: 1px solid #ccc;
  padding: 8px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size:0.8rem;
  position: relative;
}
#prompt_input_textarea[contenteditable="true"].empty:before {
    content: attr(data-placeholder); /* 使用 data-placeholder 属性 */
    color: #999;
    position: absolute;
    left: 8px;  /* 调整偏移以适应文本框的 padding */
    top: 8px;
    pointer-events: none;
    font-size: 0.8rem; /* 保持和输入文本一致 */
}
#quick_prompt_search_container {
  font-size:0.8rem;
}
#quick_prompt_search_container option {
  padding: 2px 2px;
}
#quick_prompt_search_container .custom_selected {
  background-color: lightgreen;
  color: green;
}
.underline {
    text-decoration: underline; /* 简单下划线 */
    text-decoration-color: red; /* 自定义下划线颜色 */
    text-underline-offset: 2px; /* 调整下划线位置 */
}
.highlighted {
  background-color: lightgray;
}
.input_group_label {
  background-color: #eaecef;
}

.gen_image_data_list_container {
    height: 90%;
}
.gen_image_data_list_item {
    min-height: 200px;
}
.gen_image_data_list_image {
    padding-bottom: 100% !important;
}
.gen_image_data_list_image_inner {
    width:20%; padding-top: 20%;
    background-size: contain;background-position: center center;background-repeat: no-repeat;
    position: absolute; left:0px; top: 0px;

}

.img2img_input_image {
    padding-top:100%; background-size: contain;background-position: center center;background-repeat: no-repeat;
}
.img2img_remove_input_image {
    position: absolute;
    left:6px; top:0;
    font-size: 1.3rem;
    z-index:2;
}
.img2img_mask_image {
  width: 100%; 
  padding-top: 100%; 
  background-size: contain; 
  background-position: center center; 
  background-repeat: no-repeat; 
  position: absolute; top:0px; left:0px; z-index:1; 
  background-color: rgba(255, 0, 0, 0.5);
  opacity: 0.8;
}
.img2img_container {
  width: 100%; 
  padding-top: 100%; 
  background-size: contain; 
  background-position: center center; 
  background-repeat: no-repeat;
}
.face-box {
    position: absolute;
    border: 2px solid green;
    box-sizing: border-box;
    pointer-events: none;
    z-index:2;
}

.glowing_bg {
  box-shadow:
  inset 15px 0 15px #f0f,  /* left magenta */
  inset -15px 0 15px #0ff; /* right cyan */
}
.gradient_bg {
  background-image: linear-gradient(to right, yellow, green);
}
.multicolored_bg {
  background: -webkit-linear-gradient(left, green, green 30%, orange 30%, orange);
}
.ai_image_selected_tag {
  background:white; position: fixed; z-index: 3;
}
.ai_image_selected_tag_left {
  top:56px; left:0px; width:250px; max-width:250px; height: calc(100vh - 56px);
}
.ai_image_selected_tag_bottom {
  bottom: 0px; width:100vw;
}
.ai_image_start_container {
  background:white; position: fixed; z-index: 3;
  bottom: 0px; width:100vw;
}
.document_detail img {
  max-height: 18rem;
  max-width: 24rem;
  border: 1px solid gray;
  margin-bottom: 4px;
}
#quick_prompt_search_dropdown .highlighted {
    background-color: #007bff;
    color: white;
}
.selected_tag_cover_image {
  width:2rem;
  background-repeat:no-repeat; background-size:cover; background-position:center center;
}
.selected_tag_tip {
  max-width:10rem; max-height:10rem;
}
.quick_prompt_search_option_image {
  width:2rem; height:2rem; background-position:center center; background-repeat:no-repeat; background-size:cover;
}
.ai_member_banner {
  
}
.ai_member_banner_image {
  width:400px;
  height: 300px;
  background-position: center center;
  background-size:cover;
  background-repeat: no-repeat;
  background-image: url('/images/ai/member_banner.jpg');
}
.ai_member_banner_desc {
  white-space: break-all;
}
@media (max-width: 767.98px) {
    .ai_console_item {
        width: 100%;
        float: none;
        clear: both;
    }
    .copy_image_bg {
        padding-bottom: 50%;
    }
    .copy_image_org_info {
        padding-top: 1.5rem; padding-bottom: 1.5rem;
    }
    .ai_member_banner_image {
      width: 100%;
      background-size:contain;
  }
}