@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";

/* 1. 자바스크립트로 생성된 감싸는 박스 스타일 */
body.office-mode .img-placeholder-wrapper {
    position: relative !important;
    background-color: #f6f6f6 !important; /* 요청하신 배경색 */
    border: 1px solid #f2f2f2 !important; /* 요청하신 테두리색 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 2. 내부에 숨겨진 원본 이미지 처리 */
body.office-mode .img-placeholder-wrapper img {
    opacity: 0 !important;
    visibility: hidden !important;
    /* 기존 이미지의 border나 outline이 남지 않도록 제거 */
    border: none !important;
    outline: none !important;
}

/* 3. 중앙 텍스트 스타일 (IMAGE HIDDEN) */
body.office-mode .img-placeholder-wrapper::after {
    content: "IMAGE HIDDEN" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    color: #bbbbbb !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: sans-serif !important;
    white-space: nowrap !important;
    letter-spacing: 0.5px;
}

/* 4. [잔선 방어] 혹시라도 img 태그 자체에 붙을 수 있는 효과들 원천 차단 */
body.office-mode img::after,
body.office-mode img::before {
    display: none !important;
    content: none !important;
}