/* 인라인 색상보정 전용 스타일 */
#aiImageColorEditor .image_edit_color_adjustments,#aiImageColorEditor .image_edit_color_effects{display:flex;gap:5px;align-items:center;}
#aiImageColorEditor .image_edit_color_effects{padding-left:12px;border-left:1px solid #ddd;flex-wrap:wrap;}
#aiImageColorEditor .image_edit_color_adjust{position:relative;}
#aiImageColorEditor .image_edit_color_gauge{display:none;position:absolute;bottom:calc(100% + 8px);left:50%; transform:translateX(-50%); align-items:center;gap:6px;width:180px;height:38px;box-sizing:border-box;padding:6px 8px;white-space:nowrap;background:#303238;border:1px solid #51545b;border-radius:4px;font-size:12px;}
#aiImageColorEditor [data-gauge-open="true"] .image_edit_color_gauge{display:flex;}
#aiImageColorEditor .image_edit_color_gauge::after{content:"";position:absolute;top:100%;left:0;width:100%;height:9px;}
#aiImageColorEditor .image_edit_color_gauge input{width:auto;flex:1;min-width:0;}
#aiImageColorEditor .image_edit_color_gauge output{width:4ch;flex:0 0 4ch;text-align:right;font-variant-numeric:tabular-nums;}
#aiImageColorEditor .image_edit_color_effects .image_edit_color_gauge{left:auto;right:0;transform:none;}
#aiImageColorEditor .image_edit_color_recommendations{display:contents;}
@media(max-width:600px){#aiImageColorEditor .image_edit_color_recommendations .image_edit_icon{width:30px;height:30px;padding:4px;}}
#aiImageColorEditor .image_edit_color_recommendation_values{width:140px;height:auto;padding:9px 10px;flex-wrap:wrap;gap:4px 12px;}
#aiImageColorEditor .image_edit_color_recommendation_values>span{display:flex;justify-content:space-between;gap:6px;width:calc(50% - 6px);color:#d9dde5;}
/* 사진 위에서 조절하는 색상 보정. 기존 보정 컨트롤을 상단 툴바로 이동한다. */
#aiImageColorEditor[data-inline-color="true"]{position:absolute;right:auto;bottom:auto;transform:none;max-height:none;background:none;border:0;box-shadow:none;z-index:12000;pointer-events:none;}
#aiImageColorEditor .inline_color_ui{position:absolute;inset:0;cursor:default;}
.inline_color_backdrop{position:absolute;left:0;top:0;width:100%;z-index:11000;background:transparent;cursor:default;}
#aiImageColorEditor .inline_color_focus{position:absolute;inset:0;box-sizing:border-box;border:1px solid #52a5ff;box-shadow:0 0 0 100vmax rgba(0,0,0,.7);pointer-events:none;}
#aiImageColorEditor .inline_color_toolbar,#aiImageColorEditor .inline_color_confirm{position:absolute;display:flex;align-items:center;gap:5px 12px;box-sizing:border-box;padding:5px 10px;border:0;border-radius:6px;background:#fff;color:#333;box-shadow:0 0 3px #999;cursor:default;pointer-events:auto;z-index:12000;}
#aiImageColorEditor .inline_color_toolbar_track{position:absolute;left:0;right:0;top:calc(-1 * var(--inline-color-toolbar-height,38px) - 10px);bottom:0;pointer-events:none;}
#aiImageColorEditor .inline_color_toolbar{position:sticky;left:auto;top:10px;bottom:auto;margin-left:50%;transform:translateX(-50%);flex-wrap:wrap;justify-content:center;width:max-content;}
#aiImageColorEditor .inline_color_confirm{right:5px;top:5px;gap:2px;padding:5px;}
#aiImageColorEditor .inline_color_toolbar .image_edit_color_controls{position:static;display:flex;gap:12px;margin:0;flex-wrap:wrap;justify-content:center;}
#aiImageColorEditor .inline_color_toolbar :is(.image_edit_color_adjustments,.image_edit_color_effects,.image_edit_color_history,.image_edit_color_reset){position:static;display:flex;align-items:center;gap:2px;}
#aiImageColorEditor .inline_color_toolbar .image_edit_color_reset{padding-left:8px;border-left:1px solid #ddd;}
#aiImageColorEditor .inline_color_toolbar .image_edit_icon{width:28px;height:28px;padding:4px;color:#444;background:transparent;border:0;border-radius:3px;}
#aiImageColorEditor .inline_color_toolbar .image_edit_icon:hover{background:#f1f3f5;}
#aiImageColorEditor .inline_color_toolbar .image_edit_icon[aria-pressed="true"]{background:#eaf3ff;color:#0676e8;box-shadow:inset 0 0 0 1px #a8d1ff;}
#aiImageColorEditor .inline_color_toolbar .image_edit_color_gauge{top:calc(100% + 10px);bottom:auto;background:#fff;color:#333;border:1px solid #ddd;box-shadow:0 2px 6px #0002;z-index:3;}
#aiImageColorEditor .inline_color_toolbar .image_edit_color_recommendation_values>span{color:#444;}
#aiImageColorEditor .inline_color_confirm :is(.image_edit_close,.image_edit_submit){display:grid;place-items:center;position:static;min-width:28px;width:28px;height:28px;margin:0;padding:0;border:0;background:none;color:#444;cursor:pointer;}
#aiImageColorEditor .inline_color_confirm .image_edit_submit{color:#0097ff;}
#aiImageColorEditor .inline_color_confirm button svg{display:block;width:24px;height:24px;}
#aiImageColorEditor .inline_color_confirm button:hover:not(:disabled){background-color:#f1f1f1;}
#aiImageColorEditor .inline_color_confirm button:disabled{opacity:.35;cursor:default;}
#aiImageColorEditor .inline_color_status{padding-left:8px;font-size:12px;white-space:nowrap;}
#aiImageColorEditor .inline_color_status:empty{display:none;}
html[data-color-editing="true"] #main_pannel_wrap :is(.img_edit_btn,.img_crop_btn,.img_change_btns,.edit_func_group,.obj_line_group,.image_area_size){visibility:hidden;}
.inline_color_preview[hidden]{display:none!important;}
html[data-color-editing="true"] [data-inline-color-source="true"]{visibility:hidden!important;}
#aiImageColorEditor .inline_color_toolbar .image_edit_color_gauge::after{top:auto;bottom:100%;height:12px;}
#aiImageColorEditor .inline_color_toolbar .image_edit_color_history{padding-left:8px;border-left:1px solid #ddd;}
#aiImageColorEditor .inline_color_toolbar .image_edit_icon:disabled{opacity:.35;cursor:default;}
/* 기존 크롭 형태의 확인 도구 안에서 반복 보정의 저장 방식만 선택한다. */
#aiImageColorEditor .inline_color_save_mode{max-width:180px;height:28px;padding:0 10px 0 0;margin-right:5px;border:0;border-right:1px solid #ddd;border-radius:0;background-color:#fff;font-family:inherit;font-size:12px;color:#666;cursor:pointer;}
#aiImageColorEditor .inline_color_save_mode[hidden]{display:none;}
#aiImageColorEditor .inline_color_save_mode:disabled{opacity:.5;cursor:default;}
#aiImageColorEditor[hidden]{display:none!important;}
#aiImageColorEditor .image_color_storage[hidden]{display:none!important;}
#aiImageColorEditor .image_edit_icon svg{display:block;width:22px;height:22px;}
#aiImageColorEditor .image_edit_icon:focus-visible{outline:2px solid #a7ceff;outline-offset:2px;}
#aiImageColorEditor input[type="range"]{accent-color:#3f88f5;}
#aiImageColorEditor .image_edit_icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;}