/* 개별 이미지 확장 설정만 편집기/본문에 동일하게 적용합니다. Additional CSS는 수정하지 않습니다. */
.wp-block-image.ces-image-layout {
 box-sizing: border-box; width: var(--ces-image-width, fit-content) !important; max-width: 100% !important;
 float: none !important; min-width: 0; display: block; vertical-align: top;
 margin-left: 0 !important; margin-right: auto !important;
}
.wp-block-image.ces-image-layout[data-ces-align="center"] { margin-left: auto !important; margin-right: auto !important; }
.wp-block-image.ces-image-layout[data-ces-align="right"] { margin-left: auto !important; margin-right: 0 !important; }
.wp-block-image.ces-image-layout[data-ces-display="inline-block"] { display: inline-block; }
.wp-block-image.ces-image-layout[data-ces-display="flex"] { display: flex; flex-direction: column; }
.wp-block-image.ces-image-layout[data-ces-display="inline-flex"] { display: inline-flex; flex-direction: column; }
.wp-block-image.ces-image-layout[data-ces-display^="inline"] { margin-left: 0 !important; margin-right: 0 !important; }
.wp-block-image.ces-image-layout img {
 box-sizing: border-box; display: block; width: 100% !important; max-width: 100% !important;
 height: var(--ces-image-height, auto) !important; max-height: none !important;
 aspect-ratio: auto !important; object-fit: fill !important; margin-left: 0 !important; margin-right: 0 !important;
}
.wp-block-image.ces-image-layout > a { display: block; width: 100%; }
.wp-block-image.ces-image-layout[data-ces-display="inline"] { display: inline; width: auto !important; }
.wp-block-image.ces-image-layout[data-ces-display="inline"] img { display: inline; width: var(--ces-image-width, auto) !important; }
.wp-block-image.ces-image-layout[data-ces-display="inline"] > a { display: inline; width: auto; }
/* 기본 드래그 핸들이 확장 크기와 충돌하지 않도록 확장 설정 사용 중에만 숨깁니다. */
.editor-styles-wrapper .ces-image-layout > .components-resizable-box__container { display: none !important; }
