@charset "utf-8";

/* =========================================================================================================
* AI Contents Generation CSS
=========================================================================================================== */
/* ---------------- LNB --------------- */
#left_navi > li[data-menu-name="ai_image"].ing a > b{background-image:none;}
#left_navi > li[data-menu-name="ai_image"].ing a > b::after{content:''; display: block; position:absolute; top:0; left:0; right:0; bottom:0; background:url(/images/editor/lnb_ai_image_color.png) center 2px / auto no-repeat; animation: aiImageLnbWaitingExpand 1.8s ease-in-out infinite; pointer-events: none;}
#left_navi > li[data-menu-name="ai_image"].ing a > b::before{content:''; display: block; position:absolute; left:20px; right:20px; border-bottom: 1px solid rgba(170, 117, 235, .8); box-shadow: 0 0 5px rgba(170, 117, 235, 1); animation: aiImageLnbExpandLine 1.8s ease-in-out infinite; pointer-events: none;}
#left_navi > li[data-menu-name="ai_image"].ing::after{content:attr(data-progress-count); display: block; position: absolute; top:10px; right:18px; min-width: 1lh; padding-left:2px; padding-right:2px; border-radius: .5lh; font-size: 9.5px; font-weight: 700; background:rgb(170, 117, 235); pointer-events: none;}
#left_navi > li[data-menu-name="ai_image"][data-progress-count="-1"].ing::after{content:'-';}
#left_navi > li[data-menu-name="ai_image"].ing:hover a > b::after{background-image:url(/images/editor/lnb_ai_image_white.png);}
#left_navi > li[data-menu-name="ai_image"].ing:hover a > b::before{border-bottom-color:#fff !important;}

#left_navi > li[data-menu-name="ai_image"].changed::after{content: ''; display: block; position: absolute; top: 8px; right: 20px; width: 35px; height: 35px; border-radius: 50%; background: #aa75eb; animation: aiImageDoneCheck .4s ease-out forwards; pointer-events: none;}
#left_navi > li[data-menu-name="ai_image"].changed::before{content: ''; display: block; position: absolute; top: 13px; right: 32px; width: 11px; height: 22px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; transform: rotate(45deg) scale(0); transform-origin: center; z-index: 1; animation: aiImageDoneCheckmark .3s ease-out .2s forwards; pointer-events: none;}
#left_navi > li[data-menu-name="ai_image"].done::before{content: ''; display: block; position: absolute; top: 7px; right: 11px; width: 30px; height: 25px; background:url(/images/editor/animation_bell.gif) center / 120% no-repeat; z-index: 1; pointer-events: none;}
@keyframes aiImageDoneCheck{
	0% {transform:scale(0); opacity:0;}
	60% {transform:scale(1.2);}
	100% {transform:scale(1); opacity:1;}
}
@keyframes aiImageDoneCheckmark{
	0% {transform:rotate(45deg) scale(0);}
	100% {transform:rotate(45deg) scale(1);}
}

@keyframes aiImageLnbWaitingExpand{
	from {height:10px;}
	to {height:calc(100% - 20px);}
}
@keyframes aiImageLnbExpandLine{
	0% {top:10px; opacity:1; border-bottom-color:rgba(47, 147, 251, .8);}
	80% {top:40px; opacity:.8; border-bottom-color:rgba(170, 117, 235, .8);}
	100% {top:40px; opacity:0; border-bottom-color:rgba(170, 117, 235, .8);}
}


/* ---------------- Layer --------------- */
.editor_layer_pop.ai_image{left:50%; top: 50%; right: auto; z-index:20100; transform: translate(-50%, -50%); width: auto; min-width: min(1200px, 100%); height: max(calc(100vh - 100px), 500px);}
.editor_layer_pop.ai_image *{color: #fff;}
.editor_layer_pop.ai_image:has(.upload_area.opened){width: min(1540px, 100%);}
.editor_layer_pop.ai_image .editor_layer_wrap{overflow:visible; height:100%;}
.editor_layer_pop.ai_image .layer_contents_area{display:flex; align-items: stretch; position:relative; height:100%; padding:0;}
.editor_layer_pop.ai_image .upload_area{display:none;width: 340px; padding: 0 15px; background-color: rgba(255, 255, 255, .05);}
.editor_layer_pop.ai_image .upload_area.opened{display:block;}
.editor_layer_pop.ai_image .upload_area .layer_top_area .title,
.editor_layer_pop.ai_image .ai_image_area .layer_top_area .title{flex:1; font-size:13px; text-align: center;}
.editor_layer_pop.ai_image .upload_area .image_hosting_info,
.editor_layer_pop.ai_image .upload_area .img_upload,
.editor_layer_pop.ai_image .upload_area .control_area .check_all,
.editor_layer_pop.ai_image .upload_area .control_area .count,
.editor_layer_pop.ai_image .upload_area .control_area .btn_add_folder,
.editor_layer_pop.ai_image .upload_area .folder_list .checkbox,
.editor_layer_pop.ai_image .upload_area .contents_list .img_area .checkbox{display: none !important;}
.editor_layer_pop.ai_image .upload_area .btn_upload{margin-top:10px;}
.editor_layer_pop.ai_image .upload_area .contents_list{margin-left:2px; margin-right:2px;}
.editor_layer_pop.ai_image .upload_area .contents_list:not(:has(li)){min-height:300px; background:url(/images/editor/loading_gray.gif) center 70% / 50px no-repeat;}
.editor_layer_pop.ai_image .upload_area .contents_list .img_area .img{cursor: pointer;}
.editor_layer_pop.ai_image .upload_area .contents_list .size{display:none;}
/* masonry 레이아웃 - flex 오버라이드 */
#aiImageGenLayer .contents_list.search_result.my_favorites,
#aiImageGenLayer .contents_list.my_favorites{display:block !important; position:relative; margin-left:-4px; margin-right:-4px; font-size:0; padding:2px;}
#aiImageGenLayer .contents_list.my_favorites .img_area{padding-bottom:0;}
#aiImageGenLayer .contents_list.my_favorites > li.masonry_li{width:calc(50% - 2px); padding:4px; margin:0;}
#aiImageGenLayer [data-view-mode="small"] .contents_list.my_favorites > li.masonry_li{width:calc(33.33% - 2px);}
.editor_layer_pop.ai_image .layer_top_area{margin-bottom: 10px;}
.editor_layer_pop.ai_image .contents_wrap{overflow-y: auto; overflow-x: hidden; height: calc(100% - 65px);}
.editor_layer_pop.ai_image .upload_area .contents_wrap{margin-right:-10px;}
.editor_layer_pop.ai_image .upload_area .folder_list{gap:5px;}
.editor_layer_pop.ai_image .btn_upload_toggle{position:absolute; left:-41px; top:50%; padding:.5em .7em; background:#2e3238; font-size:11px; transform:rotate(-90deg);}
.editor_layer_pop.ai_image .btn_upload_toggle .action{font-size:0;}
.editor_layer_pop.ai_image .btn_upload_toggle .action::after{content:''; display:inline-block; position:relative; top: -3px; margin-left:2px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #fff;}
.editor_layer_pop.ai_image .opened + .btn_upload_toggle{background:#393c42;}
.editor_layer_pop.ai_image .opened + .btn_upload_toggle .action::after{transform:rotate(180deg);}

.editor_layer_pop.ai_image .generate_area{width:858px; flex: 1; padding: 0 15px 0 20px;}
.editor_layer_pop.ai_image .generate_area .contents_section.disabled{opacity:.5; pointer-events: none;}
.editor_layer_pop.ai_image .generate_area .contents_wrap{display: flex; flex-direction: column; justify-content: space-between; gap: 20px; min-width:823px;  padding-bottom: 20px;}
.editor_layer_pop.ai_image .generate_area .contents_title{margin-bottom: 10px; font-size:18px; color:#3F88F5; font-weight: 600;}
.editor_layer_pop.ai_image .generate_area .style_category_list{display: flex; gap: 10px; margin-bottom:10px;}
.editor_layer_pop.ai_image .generate_area .style_category_list label{display: block; white-space: nowrap; font-size: 13px; line-height: 2; padding: 0 1em; border-radius: 99px; color: #C0C0C0; border: 1px transparent solid;}
.editor_layer_pop.ai_image .generate_area .style_category_list label:has(:checked){color: #fff; border-color: #fff;}
.editor_layer_pop.ai_image .generate_area .style_category_list input{position: absolute; opacity: 0; cursor: pointer;}
.editor_layer_pop.ai_image .generate_area .style_list{display:flex; gap: 10px; flex-wrap:wrap; margin-left:1px;}
.editor_layer_pop.ai_image .generate_area .style_list li{position:relative; width: calc(100% / 7 - 10px); aspect-ratio: 1 / 1;}
.editor_layer_pop.ai_image .generate_area .style_list li input[type="radio"]{position: absolute; opacity: 0;}
.editor_layer_pop.ai_image .generate_area .style_list li label{display: block; position:relative; width: 100%; /*height: 100%;*/ border-radius: 5px; background-color: rgba(255, 255, 255, .1); border: 1px solid #555; cursor: pointer;}
.editor_layer_pop.ai_image .generate_area .style_list li label img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px 5px 0 0;}
.editor_layer_pop.ai_image .generate_area .style_list li label .title{display: block; padding: 3px 3px 1px ; color:#fff; font-size:13px; font-weight: 400; text-align:center; word-break: keep-all;}
.editor_layer_pop.ai_image .generate_area .style_list li input:checked + label{outline: 1px solid #3F88F5; background: #3F88F5; border-color: #3F88F5;}
.editor_layer_pop.ai_image .generate_area .style_list li input:checked + label::after{content:''; display:block; position:absolute; top: calc(50% - 10px); left:50%; transform: translate(-50%, -50%); width:50px; height:50px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.6111L8.92308 17.5L20 6.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}
.editor_layer_pop.ai_image .generate_area .style_list li input:checked + label img{opacity: .4;}
.editor_layer_pop.ai_image .generate_area .style_list li input:checked + label .title{font-weight: 500;}

.editor_layer_pop.ai_image .generate_area .style_list li .info{display: flex; flex-direction: column; position:absolute; top:calc(100% + 10px); left:0; z-index:1; padding: 8px 10px 5px; background:#000; border-radius: 5px; border: 1px solid rgba(255,255,255,.5); opacity:0; pointer-events:none; transition: .2s; white-space: nowrap; text-align: left;}
.editor_layer_pop.ai_image .generate_area .style_list li:nth-child(7n of :not(.Hide)) .info,
.editor_layer_pop.ai_image .generate_area .style_list li:nth-child(7n - 1 of :not(.Hide)) .info{left:auto; right:0;}
.editor_layer_pop.ai_image .generate_area .style_list li .info::before{content: ''; display: block; position:absolute; bottom:calc(100% - 1px); left:55px; z-index:1; transform: rotate(135deg); width: 5px; height: 5px; border-left: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); background: #000;}
.editor_layer_pop.ai_image .generate_area .style_list li:nth-child(7n of :not(.Hide)) .info::before,
.editor_layer_pop.ai_image .generate_area .style_list li:nth-child(7n - 1 of :not(.Hide)) .info::before{left:auto; right:55px; transform: rotate(135deg);}
.editor_layer_pop.ai_image .generate_area .style_list li .info .title{display:none; font-size:14px; color:#0066ff; font-weight: 600;}
.editor_layer_pop.ai_image .generate_area .style_list li .info .desc{font-size:13px;}
.editor_layer_pop.ai_image .generate_area .style_list li .info .image{display:block; margin-top:.3em; font-size:12px; color:#999;}
.editor_layer_pop.ai_image .generate_area .style_list li .info .image_desc{display:block; margin-top:.3em; font-size:12px; color:#ccc;}
.editor_layer_pop.ai_image .generate_area .style_list li .info .image.required .option{color:#ff0000;}
.editor_layer_pop.ai_image .generate_area .style_list li .info .image.recommended .option{color:#fff;}
.editor_layer_pop.ai_image .generate_area .style_list li .info .image.optional .option{color:#999;}
.editor_layer_pop.ai_image .generate_area .style_list li:hover label{border-color: #0066ff;}
.editor_layer_pop.ai_image .generate_area .style_list li:hover label img{opacity:.7;}
.editor_layer_pop.ai_image .generate_area .style_list li:hover .info{opacity:1;}
.editor_layer_pop.ai_image .generate_area .select_sample{display:none; align-items: flex-start; gap: 1em; font-size:13px;}
.editor_layer_pop.ai_image .generate_area .select_sample:has(.sample_list.on){display:flex;}
.editor_layer_pop.ai_image .generate_area .sample_list_wrap{flex:1; position:relative;}
.editor_layer_pop.ai_image .generate_area .sample_list{display:flex; flex-wrap:wrap; gap: .5em 1em; position:absolute; top:0; left:0; opacity:0; transition: .2s; pointer-events: none;}
.editor_layer_pop.ai_image .generate_area .sample_list.on{opacity:1; pointer-events: auto;}
.editor_layer_pop.ai_image .generate_area .sample_list .btn_sample_item{display:block ;color:rgba(255, 255, 255, .7); font-size:13px; white-space: nowrap;}
.editor_layer_pop.ai_image .generate_area .sample_list .btn_sample_item:not(.on):hover{text-decoration: underline;}
.editor_layer_pop.ai_image .generate_area .sample_list .btn_sample_item.on{color:#3F88F5;}
.editor_layer_pop.ai_image .generate_area .user_input{margin-top:10px;}
.editor_layer_pop.ai_image .generate_area .ai_required_input{position: relative; padding: 12px; border: 1px #666 solid; font-weight: 300; border-radius: 3px;}
.editor_layer_pop.ai_image .generate_area .ai_required_input:has(#ai-product-name:focus){box-shadow:0 0 15px rgba(0,0,0,.7);}
.editor_layer_pop.ai_image .generate_area .ai-product-name-wrap{position: relative;}
.editor_layer_pop.ai_image .generate_area .ai-product-name-ph{position: absolute; left: 0; top: 0; width: 100%; min-height: 2.8lh; margin: 0; padding: 0; font-size:13px; color: #aaa; font-weight: 300; font-size: inherit; pointer-events: none;}
.editor_layer_pop.ai_image .generate_area .ai-product-name-ph .ph-example{display: block; margin-top:.5em; color: #276acf; font-size:13px; font-weight:500; line-height:1.4; word-break: keep-all;}
.editor_layer_pop.ai_image .generate_area .ai-product-name-ph.hidden{visibility: hidden;}
.editor_layer_pop.ai_image .generate_area .ai_input_box{width: 100%; height: auto; min-height:4lh; margin: 0 0 1em; padding: 0; color: #fff; line-height: 1.8; font-weight: 300; resize: none; background: transparent; border: none; outline:none; box-shadow: none; position: relative; z-index: 1; font-size:13px;}
.editor_layer_pop.ai_image .generate_area #ai-image-info.drag_over,
.editor_layer_pop.ai_image .generate_area #btnAiImageUpload.drag_over{box-shadow: 0 0 0 2px #0066ff; border-radius: 3px;}
.editor_layer_pop.ai_image .generate_area .ai_input_box::placeholder{white-space: pre-line;}
.editor_layer_pop.ai_image .generate_area .ai_image_sample{position:absolute; top:10px; right:10px; z-index:1; width:130px; height:130px;}
.editor_layer_pop.ai_image .generate_area .ai_image_sample:empty{pointer-events:none;}
.editor_layer_pop.ai_image .generate_area .ai_image_sample > img{cursor:zoom-in;}
.editor_layer_pop.ai_image .generate_area .ai_image_sample img{position:absolute; top:0; right:0; width:100%; height:100%; object-fit: cover; border-radius:4px;}
.editor_layer_pop.ai_image .generate_area .ai_image_sample .ai_image_zoom{position:absolute; top:calc(50% - 350px); right:0; width:600px; height:600px; border-radius:6px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.6); opacity:0; pointer-events:none; transition:opacity .2s; z-index:10;}
.editor_layer_pop.ai_image .generate_area .ai_image_sample .ai_image_zoom img{border-radius:0;}
.editor_layer_pop.ai_image .generate_area .ai_image_sample:hover .ai_image_zoom{opacity:1;}
.editor_layer_pop.ai_image .generate_area .ai_upload_area{position:relative; display: flex; align-items: center; gap:5px;}

.editor_layer_pop.ai_image .generate_area .btn_upload{display: block; width: 22px; height:22px; opacity: .7; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 1024 1024"><path fill="%23ffffff" d="M160 160v704h704V160H160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32z"/><path fill="%23ffffff" d="M384 288q64 0 64 64t-64 64q-64 0-64-64t64-64zM185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952L185.408 876.992z"/></svg>') center / contain no-repeat;}
.editor_layer_pop.ai_image .generate_area .btn_desc{font-size:12px; color:rgba(255,255,255,.3);}
.editor_layer_pop.ai_image .generate_area .btn_desc .required{margin-right:.3em; color:#ff0000;}
.editor_layer_pop.ai_image .generate_area .btn_desc .required::after{content:'(필수)';}
.editor_layer_pop.ai_image .generate_area .btn_desc .recommended{margin-right:.3em; color:#ffffff;}
.editor_layer_pop.ai_image .generate_area .btn_desc .recommended::after{content:'(권장)';}
.editor_layer_pop.ai_image .generate_area .btn_desc .optional{margin-right:.3em; color:inherit;}
.editor_layer_pop.ai_image .generate_area .btn_desc .optional::after{content:'(선택)';}
.editor_layer_pop.ai_image .generate_area .btn_upload ~ .ico_tooltip{width: 0; height: 0; background: none; position: absolute; top: 22px;}
.editor_layer_pop.ai_image .generate_area .btn_upload ~ .ico_tooltip .info{flex-direction: column; gap: .3em; left: -13px; top: 7px; padding: 7px 11px 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .5);}
.editor_layer_pop.ai_image .generate_area .btn_upload ~ .ico_tooltip .info::before{left: 21px;}
.editor_layer_pop.ai_image .generate_area .btn_upload:hover ~ .ico_tooltip .info{opacity:1;}
.editor_layer_pop.ai_image .generate_area .ico_tooltip .title{display: block; width: 100%; font-weight: 600;}
.editor_layer_pop.ai_image .generate_area .ai_upload_image_list {display: flex; flex-wrap: nowrap; flex-flow:row wrap; flex: 1; gap: 5px; padding-top: 0;}
.editor_layer_pop.ai_image .generate_area .ai_upload_image_list li {display: flex; align-items: center; justify-content: center; flex-basis: auto; position: relative; overflow: hidden; width: 96px; height: 96px; border-radius: 5px; background: rgba(255, 255, 255, 0.1);}
.editor_layer_pop.ai_image .generate_area .ai_upload_image_list li img{max-height: 100%;}
.editor_layer_pop.ai_image .generate_area .ai_upload_image_list .star{display:none;}
.editor_layer_pop.ai_image .generate_area .ai_upload_image_list .remove {display: block; position:absolute; right:5px; top:5px; width: 20px; height: 20px; border-radius:4px; background:rgba(0,0,0,0.5) url('/images/editor/icon_remove_01.png') 50% 50% no-repeat; background-size: 48%;}
.editor_layer_pop.ai_image .generate_area .ai_upload_image_list > li:hover .remove { display:block; }
.editor_layer_pop.ai_image .generate_area .ai_upload_image_list:has(li){margin-top:10px;}

.editor_layer_pop.ai_image .generate_area .image_ratio{position:relative; margin-top:20px; min-height: 40px; font-size: 14px; line-height: 38px; border:1px #666 solid; border-radius: 4px;}
.editor_layer_pop.ai_image .generate_area .image_ratio h5{position:absolute; top:-.6lh; left: .5em; font-size: 12px; font-weight: 400; padding-left:.5em; padding-right:.5em; background:#2e3238;}
.editor_layer_pop.ai_image .generate_area .image_ratio .selected_ratio{position:relative; padding-left:1em; cursor:pointer;}
.editor_layer_pop.ai_image .generate_area .image_ratio .selected_ratio::after{content:''; display: block; position:absolute; top:calc(50% - 2px); right:1em; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid rgba(255,255,255,.5); transform: rotate(90deg);}
.editor_layer_pop.ai_image .generate_area .image_ratio_list{display: none; flex-direction: column; align-items: stretch; overflow:auto; position: absolute; bottom: 0; z-index: 10; width: 100%; max-height: 350px; padding-top:.5em; padding-bottom:.5em; border: 1px #666 dashed; border-radius: 3px; background: #24262a; box-shadow: 0 0 10px rgba(0, 0, 0, .7);}
.editor_layer_pop.ai_image .generate_area .image_ratio_list.on{display: flex;}
.editor_layer_pop.ai_image .generate_area .image_ratio_list li {display: flex; align-items: center; gap: 0.5em; position: relative; padding: 0 1em; font-size: 14px; font-weight: 300; line-height:1.8;}
.editor_layer_pop.ai_image .generate_area .image_ratio_list li input {-webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; opacity: 0;}
.editor_layer_pop.ai_image .generate_area .image_ratio_list li input:checked + label {display: flex; align-items: center; font-weight: 500; color: #0066FF;}
.editor_layer_pop.ai_image .generate_area .image_ratio_list li input:checked + label[for*=self]::before {color: #0066FF; border-color: #0066FF;}
.editor_layer_pop.ai_image .generate_area .image_ratio_list li input:checked + label i {display: block; width: 0.7em; height: 0.4em; border-left: 2px solid #0066FF; border-bottom: 2px solid #0066FF; transform: rotate(-45deg); margin-left: auto;}
.editor_layer_pop.ai_image .generate_area .image_ratio_list li label {flex: 1; transition: 0.2s;}
.editor_layer_pop.ai_image .generate_area .image_ratio_list li:hover label{font-weight:500;}

.editor_layer_pop.ai_image .generate_area .layer_top_area { justify-content:center; border-bottom:none; }
.editor_layer_pop.ai_image .generate_area .layer_top_area .title { padding:0; }

.editor_layer_pop.ai_image .ai_image_area{width: 340px; padding: 0 15px; background-color: rgba(255, 255, 255, .05); transition:.5s;}
.editor_layer_pop.ai_image .ai_image_area .contents_wrap{display:flex; flex-direction:column; justify-content: flex-start; align-items: stretch; min-height: calc(100% - 75px);}
.editor_layer_pop.ai_image .ai_image_area .contents_wrap:not(:has(.ai_image_list li)){justify-content: center; align-items: center;}
.editor_layer_pop.ai_image .ai_image_area .contents_wrap .empty::before{content: ''; display: block; width: 90px; height: 90px; background: url(/images/gedi/gidi_artist2.png) center / contain no-repeat; opacity: .9; transform: scaleX(-1);}
.editor_layer_pop.ai_image .ai_image_area .contents_wrap .empty{display: flex; flex-direction: column; align-items: center; gap: 10px; color: #a3a3a3; font-size: 13px; padding-bottom: 50px;}
.editor_layer_pop.ai_image .ai_image_area .contents_wrap:not(:has(.ai_image_list li)) .btn_ai_list_toggle{display:none;}
.editor_layer_pop.ai_image .ai_image_area .date{display:flex; align-items: center; gap:3px; font-family:'Noto Sans KR'; font-size:12px; color:#bbb; font-weight:300;}
.editor_layer_pop.ai_image .ai_image_area .date::before{content:''; display:inline-block; width:1.3em; height:1.0em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M6,22H18a3,3,0,0,0,3-3V7a2,2,0,0,0-2-2H17V3a1,1,0,0,0-2,0V5H9V3A1,1,0,0,0,7,3V5H5A2,2,0,0,0,3,7V19A3,3,0,0,0,6,22ZM5,12.5a.5.5,0,0,1,.5-.5h13a.5.5,0,0,1,.5.5V19a1,1,0,0,1-1,1H6a1,1,0,0,1-1-1Z'/%3E%3C/svg%3E") center / 80% no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .date:not(:has(+ .ai_image_list li)){display:none;}
.editor_layer_pop.ai_image .ai_image_area .error{display:none; flex-direction: column; align-items: center; gap:2px; padding:10px 10px 15px; text-align:center; font-size:13px; line-height:1.6; color:#afafaf; border-radius:5px 5px 0 0; background:rgba(0,0,0,.1);}
.editor_layer_pop.ai_image .ai_image_area .error::before{content:''; display: block; width:40px; height:40px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23f1574d' d='M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm-1.49,6a1.49,1.49,0,0,1,3,0v6.89a1.49,1.49,0,1,1-3,0ZM18,25.5a1.72,1.72,0,1,1,1.72-1.72A1.72,1.72,0,0,1,18,25.5Z'/%3E%3Crect width='36' height='36' fill-opacity='0'/%3E%3C/svg%3E") center / contain no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .error:has(+ .ai_image_list li){display:flex;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_list{display:flex; justify-content: flex-start; align-items: stretch; flex-direction: column; gap:10px;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_list:has(li){margin: .5em 0 1em;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_list.failed{margin-top: 0; padding: 0 10px 15px; border-top-left-radius: 0; border-top-right-radius:0; background: rgba(0,0,0,.1);}
.editor_layer_pop.ai_image .ai_image_area .ai_image_list.failed:not(:has(li)){display:none;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item{display: flex; align-items: center; overflow:hidden; position:relative; min-height:80px; border-radius:5px; background: rgba(255, 255, 255, .1);}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress{color: rgb(221 222 255 / 25%); text-align: center; background:rgba(0,0,0,.2);animation: aiImageWaitingExpand .5s ease forwards;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .txt{display: flex; align-items: center; justify-content: center; position:absolute; top: 0; left: 0; width: 100%; height:100%; font-size: 13px; color: #fff; background: rgba(0,0,0,.3); animation: aiImageTxtPulse 1.8s ease-in-out infinite;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview{position:absolute; top:0; left:0; width:100%; height:100%; overflow: hidden; display:flex; opacity: .8;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview .scan_slot{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; isolation:isolate; z-index:1; animation: aiImageScanZindex 4s linear infinite;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview .scan_slot img{display:block; width:100%; height:100%; object-fit: cover; clip-path: inset(0 0 0 0); animation: aiImageScanReveal 4s linear infinite;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview .scan_slot::after{content:''; position:absolute; left:0; top:0; width:100%; height:3px; background:linear-gradient(180deg, transparent, rgba(255,255,255,.8), transparent); box-shadow: 0 0 12px rgba(255,255,255,.6); animation: aiImageScanLine 4s linear infinite; pointer-events:none;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="1"] .scan_slot img{animation:aiImageScanReveal 4s linear infinite 0s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="1"] .scan_slot::after{animation:aiImageScanLine 4s linear infinite 0s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="1"] .scan_slot{animation:aiImageScanZindex1 4s linear infinite 0s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="2"] .scan_slot:nth-child(1) img,
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="2"] .scan_slot:nth-child(1)::after,
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="2"] .scan_slot:nth-child(1){animation-delay:0s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="2"] .scan_slot:nth-child(2) img,
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="2"] .scan_slot:nth-child(2)::after,
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="2"] .scan_slot:nth-child(2){animation-delay:-2s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(1) img{animation:aiImageScanReveal3 9s linear infinite 0s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(1)::after{animation:aiImageScanLine3 9s linear infinite 0s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(1){animation:aiImageScanZindex3 9s linear infinite 0s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(2) img{animation:aiImageScanReveal3 9s linear infinite -3s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(2)::after{animation:aiImageScanLine3 9s linear infinite -3s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(2){animation:aiImageScanZindex3 9s linear infinite -3s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(3) img{animation:aiImageScanReveal3 9s linear infinite -6s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(3)::after{animation:aiImageScanLine3 9s linear infinite -6s;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress .attached_preview[data-img-count="3"] .scan_slot:nth-child(3){animation:aiImageScanZindex3 9s linear infinite -6s;}

.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed .attached_preview{display:flex; align-items: stretch;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed .attached_preview,
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed .attached_preview .scan_slot{position:static; width:100%;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed .attached_preview .scan_slot img,
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed .attached_preview .scan_slot::after{animation:none; width:100%; height:100%; object-fit: cover;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed{background:rgba(0,0,0,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23778085' d='M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm-1.49,6a1.49,1.49,0,0,1,3,0v6.89a1.49,1.49,0,1,1-3,0ZM18,25.5a1.72,1.72,0,1,1,1.72-1.72A1.72,1.72,0,0,1,18,25.5Z'/%3E%3Crect width='36' height='36' fill-opacity='0'/%3E%3C/svg%3E") center / 40px no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed:has(.attached_preview)::after{content:''; display: block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23778085' d='M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm-1.49,6a1.49,1.49,0,0,1,3,0v6.89a1.49,1.49,0,1,1-3,0ZM18,25.5a1.72,1.72,0,1,1,1.72-1.72A1.72,1.72,0,0,1,18,25.5Z'/%3E%3Crect width='36' height='36' fill-opacity='0'/%3E%3C/svg%3E") center / 40px no-repeat; z-index:1;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed .btns_group{z-index:2;}

@keyframes aiImageScanReveal{
	0%{clip-path:inset(0 0 100% 0);}
	40%{clip-path:inset(0 0 0 0);}
	100%{clip-path:inset(0 0 0 0);}
}
@keyframes aiImageScanReveal3{
	0%{clip-path:inset(0 0 100% 0);}
	13.33%{clip-path:inset(0 0 0 0);}
	100%{clip-path:inset(0 0 0 0);}
}
@keyframes aiImageScanLine{
	0%{top:0; opacity:1;}
	40%{top:100%; opacity:1;}
	50%{top:100%; opacity:0;}
	100%{top:100%; opacity:0;}
}
@keyframes aiImageScanLine3{
	0%{top:0; opacity:1;}
	13.33%{top:100%; opacity:1;}
	16.66%{top:100%; opacity:0;}
	100%{top:100%; opacity:0;}
}
@keyframes aiImageScanZindex{
	0%{z-index:2;}
	50%{z-index:2;}
	50.01%{z-index:1;}
	100%{z-index:1;}
}
@keyframes aiImageScanZindex1{
	0%{z-index:2;}
	100%{z-index:2;}
}
@keyframes aiImageScanZindex3{
	0%{z-index:2;}
	33.33%{z-index:2;}
	33.34%{z-index:1;}
	100%{z-index:1;}
}
@keyframes aiImageWaitingExpand{from { max-height: 0; opacity: 0; overflow: hidden; } to { max-height: 100%; opacity: 1; overflow: hidden; }}
@keyframes aiImageProgressOverlay{from { height:0; } to { height:100%; }}
@keyframes aiImageTxtPulse{0%, 100% { background: rgba(0,0,0,.1); } 50% { background: rgba(0,0,0,.2); }}

.editor_layer_pop.ai_image .ai_image_area .btns_group{display:flex; align-items: center; gap:7px; position:absolute; bottom:5px; right:5px; padding:7px 10px; border-radius: 3px; background:rgba(0,0,0,.5); opacity: 0;}
.editor_layer_pop.ai_image .ai_image_area .btns_group:hover{z-index: 3 !important;}
.editor_layer_pop.ai_image .ai_image_area .btns_group button{display:block; position:relative; width: 17px; height:17px;}
.editor_layer_pop.ai_image .ai_image_area .btns_group button:hover{opacity: 1;}
.editor_layer_pop.ai_image .ai_image_area .btns_group .btn_download{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24'%3E%3Cg id='Complete'%3E%3Cg id='download'%3E%3Cg%3E%3Cpath d='M3,12.3v7a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2v-7' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg%3E%3Cpolyline points='7.9 12.3 12 16.3 16.1 12.3' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' x1='12' x2='12' y1='2.7' y2='14.2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .btns_group .btn_add_prompt{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12H20M12 4V20' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / cover no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .btns_group .btn_edit_image{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m3.99 16.854-1.314 3.504a.75.75 0 0 0 .966.965l3.503-1.314a3 3 0 0 0 1.068-.687L18.36 9.175s-.354-1.061-1.414-2.122c-1.06-1.06-2.122-1.414-2.122-1.414L4.677 15.786a3 3 0 0 0-.687 1.068zm12.249-12.63 1.383-1.383c.248-.248.579-.406.925-.348.487.08 1.232.322 1.934 1.025.703.703.945 1.447 1.025 1.934.058.346-.1.677-.348.925L19.774 7.76s-.353-1.06-1.414-2.12c-1.06-1.062-2.121-1.415-2.121-1.415z' fill='%23FFFFFF'/%3E%3C/svg%3E") center / cover no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .btns_group .btn_info{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cg id='Warning / Info'%3E%3Cpath id='Vector' d='M12 11V16M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21ZM12.0498 8V8.1L11.9502 8.1002V8H12.0498Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .btns_group .btn_delete{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 11V17' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 11V17' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 7H20' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .btns_group .btn_close{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.7457 3.32851C20.3552 2.93798 19.722 2.93798 19.3315 3.32851L12.0371 10.6229L4.74275 3.32851C4.35223 2.93798 3.71906 2.93798 3.32854 3.32851C2.93801 3.71903 2.93801 4.3522 3.32854 4.74272L10.6229 12.0371L3.32856 19.3314C2.93803 19.722 2.93803 20.3551 3.32856 20.7457C3.71908 21.1362 4.35225 21.1362 4.74277 20.7457L12.0371 13.4513L19.3315 20.7457C19.722 21.1362 20.3552 21.1362 20.7457 20.7457C21.1362 20.3551 21.1362 19.722 20.7457 19.3315L13.4513 12.0371L20.7457 4.74272C21.1362 4.3522 21.1362 3.71903 20.7457 3.32851Z' fill='%23FFFFFF'/%3E%3C/svg%3E") center / contain no-repeat;}
.editor_layer_pop.ai_image .ai_image_area .btns_group button i{display:block; position:absolute; bottom:calc(100% + 10px); left:50%; transform: translateX(-50%); padding:.2em .5em .3em; border-radius:3px; font-size:11px; color:#fff; font-weight:400; white-space: nowrap; opacity:0; font-style:normal; background:rgba(0,0,0,.7); transition: .2s; pointer-events:none; box-shadow: 0 0 5px rgba(0, 0, 0, .5);}
.editor_layer_pop.ai_image .ai_image_area .btns_group button i::before{content: ''; display:block; position:absolute; top:100%; left:50%; transform: translateX(-50%); width: 0; height: 0; border-top: 3px solid rgba(0,0,0,.5); border-left: 3px solid transparent; border-right: 3px solid transparent; transition: .2s;}
.editor_layer_pop.ai_image .ai_image_area .btns_group button:hover i{opacity:1;}
.editor_layer_pop.ai_image .ai_image_area .btns_group button:last-child i{left:auto; right:-10px; transform: none;}
.editor_layer_pop.ai_image .ai_image_area .btns_group button:last-child i::before{left:auto; right:17px; transform: none;}
.editor_layer_pop.ai_image .ai_image_area .btns_group.top{top:5px; bottom:auto !important; gap:5px; width:27px; padding: 5px 7px; border-radius:50%; background:rgba(0,0,0,.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 10C6.10457 10 7 10.8954 7 12C7 13.1046 6.10457 14 5 14C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10Z' fill='%23ffffff'/%3E%3Cpath d='M12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10Z' fill='%23ffffff'/%3E%3Cpath d='M21 12C21 10.8954 20.1046 10 19 10C17.8954 10 17 10.8954 17 12C17 13.1046 17.8954 14 19 14C20.1046 14 21 13.1046 21 12Z' fill='%23ffffff'/%3E%3C/svg%3E") center / 55% no-repeat; opacity:0; cursor:pointer;}
.editor_layer_pop.ai_image .ai_image_area .btns_group.top button{opacity:0;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item:hover .btns_group{opacity:1;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item:hover .btns_group.top:hover{width:53px; border-radius:5px; background-image:none;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.failed:hover .btns_group.top:hover,
.editor_layer_pop.ai_image .ai_image_area .ai_image_item.in_progress:hover .btns_group.top:hover{width:30px; z-index:1;}
.editor_layer_pop.ai_image .ai_image_area .ai_image_item:hover .btns_group.top:hover button{opacity:1;}
.editor_layer_pop.ai_image .ai_image_area .btns_group.top button i{top:calc(100% + 10px); bottom:auto;}
.editor_layer_pop.ai_image .ai_image_area .btns_group.top button i::before{top:auto; bottom:100%; transform: translateX(-50%) rotate(180deg);}
.editor_layer_pop.ai_image .ai_image_area .btns_group.top button.btn_info i{right:-29px; left: auto; transform:none;}
.editor_layer_pop.ai_image .ai_image_area .btns_group.top button.btn_info i::before{right: 35px; left: auto; transform: rotate(180deg);}
.editor_layer_pop.ai_image .ai_image_area .btns_group.top button:last-child i{right:-7px;}
.editor_layer_pop.ai_image .ai_image_area .btns_group.top button:last-child i::before{right:10px;}

.editor_layer_pop.ai_image .ai_image_area .btn_ai_list_toggle{display: block; position:relative; padding-right: 1em; margin: 20px auto; border-radius: 4px; color: #b9b9b9; font-size: 12px;}
.editor_layer_pop.ai_image .ai_image_area .btn_ai_list_toggle::before{content: '모두 보기';}
.editor_layer_pop.ai_image .ai_image_area .btn_ai_list_toggle::after{content: ''; display: block; position: absolute; top: calc(50% - 3px); right: 0; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid rgba(255, 255, 255, .5); transform: rotate(90deg);}
.editor_layer_pop.ai_image .ai_image_area.extended{width: 680px;}
.editor_layer_pop.ai_image .ai_image_area.extended .contents_wrap{display: flex; flex-direction: column;}
.editor_layer_pop.ai_image .ai_image_area.extended .ai_image_list{flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
.editor_layer_pop.ai_image .ai_image_area.extended .ai_image_list.failed{justify-content: center;}
.editor_layer_pop.ai_image .ai_image_area.extended .ai_image_list li{width: calc(100% / 5 - 10px); border-radius: 5px; min-height:65px;}
.editor_layer_pop.ai_image .ai_image_area.extended .btns_group{gap: 5px; right: 3px; bottom: 3px; padding: 5px;}
.editor_layer_pop.ai_image .ai_image_area.extended .btns_group.top{top: 3px;}
.editor_layer_pop.ai_image .ai_image_area.extended .btn_ai_list_toggle{margin-top: auto;}
.editor_layer_pop.ai_image .ai_image_area.extended .btn_ai_list_toggle::before{content: '닫기';}
.editor_layer_pop.ai_image .ai_image_area.extended .btn_ai_list_toggle::after{transform: rotate(-90deg);}

.editor_layer_pop.ai_image .flex_list{padding: 5px 15px;}
.editor_layer_pop.ai_image .flex_list li{display: flex; align-items: center; gap: 15px; position: relative; margin:2px 0; padding-top: 0;}
.editor_layer_pop.ai_image .flex_list .title1{padding: 0;}
.editor_layer_pop.ai_image .flex_list .desc{flex: 1; display: flex; justify-content: flex-end; align-items: center; font-size: 14px; color: #A3A3A4; font-weight: 400;}
.editor_layer_pop.ai_image .flex_list .desc .ico_tooltip{width:1em; height:1em; margin-right:.3em;}
.editor_layer_pop.ai_image .flex_list .desc .ico_tooltip .info::before{left: calc(50% + 3px);}
.editor_layer_pop.ai_image .flex_list > li:after{content: none;}
.editor_layer_pop.ai_image .token_select label { font-size:16px; color:#fff; }
.editor_layer_pop.ai_image .token_select label b { color:#3F88F5; font-size:22px; font-weight:900; }
.editor_layer_pop.ai_image .token_select input[type='checkbox'] { width:20px; height:20px; position:relative; top:-2px; }
.editor_layer_pop.ai_image .token_select .token_remaining_num { font-size:15px; color:#fff; }
.editor_layer_pop.ai_image .token_select {}
.editor_layer_pop.ai_image .basic_btn_area{flex-direction: column; gap:.8em; padding:0;}

.editor_layer_pop.ai_image .checkbox_normal { width:16px; height:16px; position:relative; top:-1px; margin-right:5px; }

[data-ai-img-status]{position:relative;}
[data-ai-img-status] .info{display:flex; flex-direction: column; justify-content: center; align-items: center; gap:10px; position:absolute; top:0; right:0; bottom:0; left:0; font-size: 20px; font-weight: 700; color: #fff; background:rgba(0,0,0,.3);}
[data-ai-img-status="progress"] .info::before{content:''; display:block; position:absolute; top:0; left:0; width:100%; z-index:2; border-bottom:2px solid rgba(255,255,255,.5); background:rgba(0,0,0,.3);  animation: aiImageProgressOverlay 2s ease forwards infinite;}
[data-ai-img-status="progress"] .info .msg{z-index:3;}
[data-ai-img-status="progress"] .btn_cancel{display:inline-block; width: 1.8em; height: 1.8em; margin-top: -.3em; border-radius:50%; background:#000 url('../images/editor/icon_close_02.png') center / 50% no-repeat; filter: invert(1);}
[data-ai-img-status="progress"] .btn_cancel:hover::before{content:attr(data-msg); display:block; position:absolute; bottom:calc(100% + 10px); left:calc(50% - 5em); padding:2px 8px 4px; font-size:12px; color:#fff; border-radius:3px; background:rgba(0,0,0,.8); filter: invert(1); white-space: nowrap;}
[data-ai-img-status="progress"] .btn_cancel:hover::after{content:''; display:block; position:absolute; bottom:calc(100% + 4px); left: 50%; border-left: 3px solid transparent; border-top: 6px solid rgba(0,0,0,.8); border-right: 3px solid transparent; filter: invert(1);}
[data-ai-img-status="progress"] .img-change{filter:brightness(.8);}
[data-ai-img-status="failed"] .info .msg{font-size: 16px; text-align: center; padding-top:2em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23f1574d' d='M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm-1.49,6a1.49,1.49,0,0,1,3,0v6.89a1.49,1.49,0,1,1-3,0ZM18,25.5a1.72,1.72,0,1,1,1.72-1.72A1.72,1.72,0,0,1,18,25.5Z'/%3E%3Crect width='36' height='36' fill-opacity='0'/%3E%3C/svg%3E") center top / 2em no-repeat;}
[data-ai-img-status="failed"] .btns{display: flex; gap: 5px; margin-top: .5em;}
[data-ai-img-status="failed"] .btns button{display: block; padding:.3em .7em; border-radius:5px; font-size:14px;}
[data-ai-img-status="failed"] .btns .btn_confirm{color:#000; background:rgba(255,255,255,.9);}

/* ---------------- AI 이미지 전체화면 슬라이더 --------------- */
#aiImageSliderOverlay{position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; background:rgba(0,0,0,.92); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding-top:16px; padding-bottom:16px;}
#aiImageSliderOverlay .aiImageSlider{width:100%; flex:1; min-height:0;}
#aiImageSliderOverlay .aiImageSlider .swiper-slide{display:flex; align-items:center; justify-content:center;}
#aiImageSliderOverlay .aiImageSlider .swiper-slide img{max-width:90vw; max-height:100%; object-fit:contain; user-select:none; pointer-events:none; border-radius:4px;}
#aiImageSliderOverlay .btn_close_slider{position:absolute; top:20px; right:20px; z-index:10; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.7457 3.32851C20.3552 2.93798 19.722 2.93798 19.3315 3.32851L12.0371 10.6229L4.74275 3.32851C4.35223 2.93798 3.71906 2.93798 3.32854 3.32851C2.93801 3.71903 2.93801 4.3522 3.32854 4.74272L10.6229 12.0371L3.32856 19.3314C2.93803 19.722 2.93803 20.3551 3.32856 20.7457C3.71908 21.1362 4.35225 21.1362 4.74277 20.7457L12.0371 13.4513L19.3315 20.7457C19.722 21.1362 20.3552 21.1362 20.7457 20.7457C21.1362 20.3551 21.1362 19.722 20.7457 19.3315L13.4513 12.0371L20.7457 4.74272C21.1362 4.3522 21.1362 3.71903 20.7457 3.32851Z' fill='%23FFFFFF'/%3E%3C/svg%3E") center/50% no-repeat; transition:.2s;}
#aiImageSliderOverlay .btn_close_slider:hover{background-color:rgba(255,255,255,.3);}
#aiImageSliderOverlay .swiper-button-prev,
#aiImageSliderOverlay .swiper-button-next{color:#fff;}
#aiImageSliderOverlay .swiper-button-prev.swiper-button-disabled,
#aiImageSliderOverlay .swiper-button-next.swiper-button-disabled{opacity:.2;}
#aiImageSliderOverlay .swiper-pagination{color:#fff; font-size:14px; font-weight:300; letter-spacing:.05em;}
#aiImageSliderOverlay .slider_btns_area{flex-shrink:0; display:flex; justify-content:center;}
#aiImageSliderOverlay .slider_btns_area .btns_group{display: flex; align-items: center; gap:10px;}
#aiImageSliderOverlay .slider_btns_area .btns_group button{display:block; position:relative; width: 17px; height:17px;}
#aiImageSliderOverlay .slider_btns_area .btn_download{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24'%3E%3Cg id='Complete'%3E%3Cg id='download'%3E%3Cg%3E%3Cpath d='M3,12.3v7a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2v-7' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cg%3E%3Cpolyline points='7.9 12.3 12 16.3 16.1 12.3' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' x1='12' x2='12' y1='2.7' y2='14.2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat;}
#aiImageSliderOverlay .slider_btns_area .btn_add_prompt{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12H20M12 4V20' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / cover no-repeat;}
#aiImageSliderOverlay .slider_btns_area .btn_edit_image{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m3.99 16.854-1.314 3.504a.75.75 0 0 0 .966.965l3.503-1.314a3 3 0 0 0 1.068-.687L18.36 9.175s-.354-1.061-1.414-2.122c-1.06-1.06-2.122-1.414-2.122-1.414L4.677 15.786a3 3 0 0 0-.687 1.068zm12.249-12.63 1.383-1.383c.248-.248.579-.406.925-.348.487.08 1.232.322 1.934 1.025.703.703.945 1.447 1.025 1.934.058.346-.1.677-.348.925L19.774 7.76s-.353-1.06-1.414-2.12c-1.06-1.062-2.121-1.415-2.121-1.415z' fill='%23FFFFFF'/%3E%3C/svg%3E") center / cover no-repeat;}
#aiImageSliderOverlay .slider_btns_area .btn_info{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cg id='Warning / Info'%3E%3Cpath id='Vector' d='M12 11V16M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21ZM12.0498 8V8.1L11.9502 8.1002V8H12.0498Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat;}
#aiImageSliderOverlay .slider_btns_area .btn_delete{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 11V17' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 11V17' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 7H20' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}
#aiImageSliderOverlay .slider_btns_area .btns_group button i{display:block; position:absolute; bottom:calc(100% + 10px); left:50%; z-index:1; transform: translateX(-50%); padding:.2em .5em .3em; border-radius:3px; font-size:11px; color:#fff; font-weight:400; white-space: nowrap; opacity:0; font-style:normal; background:rgba(0,0,0,.7); transition: .2s; pointer-events:none; box-shadow: 0 0 5px rgba(0, 0, 0, .5);}
#aiImageSliderOverlay .slider_btns_area .btns_group button i::before{content: ''; display:block; position:absolute; top:100%; left:50%; transform: translateX(-50%); width: 0; height: 0; border-top: 3px solid rgba(0,0,0,.5); border-left: 3px solid transparent; border-right: 3px solid transparent; transition: .2s;}
#aiImageSliderOverlay .slider_btns_area .btns_group button:hover i,
#aiImageSliderOverlay .slider_btns_area .btns_group button:hover i::before{opacity:1;}

#aiImageSliderOverlay .aiImageSliderThumbs{flex-shrink:0; width:100%; padding:4px 16px; box-sizing:border-box;}
#aiImageSliderOverlay .aiImageSliderThumbs .swiper-slide{width:64px; height:64px; border-radius:4px; overflow:hidden; opacity:.45; cursor:pointer; transition:opacity .2s;}
#aiImageSliderOverlay .aiImageSliderThumbs .swiper-slide img{width:100%; height:100%; object-fit:cover;}
#aiImageSliderOverlay .aiImageSliderThumbs .swiper-slide-thumb-active{opacity:1; outline:2px solid #3F88F5; outline-offset:2px;}
#aiImageSliderOverlay .aiImageSliderThumbs .swiper-slide:has(.btn_slider_more){opacity: .7;}
#aiImageSliderOverlay .aiImageSliderThumbs .swiper-slide:has(.btn_slider_more):hover,
#aiImageSliderOverlay .aiImageSliderThumbs .swiper-slide:has(.btn_slider_more.loading){opacity: 1;}
#aiImageSliderOverlay .aiImageSliderThumbs .btn_slider_more{display:flex; flex-direction: row-reverse; align-items:center; justify-content:center; width:100%; height:100%; gap:4px; cursor:default; pointer-events:none;}
#aiImageSliderOverlay .aiImageSliderThumbs .btn_slider_more span{display:block; width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,1); pointer-events: none;}
#aiImageSliderOverlay .aiImageSliderThumbs .btn_slider_more.loading span{background:rgba(255,255,255,.25); animation:sliderMoreDot 1.2s ease-in-out infinite;}
#aiImageSliderOverlay .aiImageSliderThumbs .btn_slider_more.loading span:nth-of-type(2){animation-delay:-.2s;}
#aiImageSliderOverlay .aiImageSliderThumbs .btn_slider_more.loading span:nth-of-type(3){animation-delay:-.4s;}
@keyframes sliderMoreDot{
	0%,60%,100%{background:rgba(255,255,255,.25);}
	30%{background:rgba(255,255,255,1);}
}
#aiImageGenLayer .ai_image_list:not(.failed) .ai_image_item img{cursor:zoom-in;}
[data-ai-img-status="failed"] .btns .btn_more{color:#fff; background:rgba(0, 102, 255, .8);}