/* =========================================================
   media.css — 사진·본문 공통 모양 (2-5)
   · .rich-content : 에디터로 쓴 본문을 보여 주는 칸 (상세 페이지)
   · .editor       : 사진을 올리는 중 표시
   · .upload-box   : 대표 사진을 줄이는 중 표시
   불러오는 곳: 글쓰기·상세 페이지 (components.css 다음)
   ========================================================= */

/* 본문 사진: width·height 속성이 있어도 칸에 맞게 줄고, 비율은 그대로 */
.rich-content img { max-width: 100%; height: auto; border-radius: var(--radius-lg); }
.rich-content a { color: var(--color-primary); text-decoration: underline; word-break: break-all; }
.rich-content blockquote { margin: 1em 0; padding: 0.5em 1em; border-left: 4px solid var(--color-border); color: var(--color-text-muted); }

/* 에디터 안 사진 */
.editor .ql-editor img { max-width: 100%; height: auto; }

/* 사진을 올리는 중: 살짝 흐리게 + 안내 */
.editor.is-uploading { opacity: 0.7; }
.editor.is-uploading::after {
    content: '사진 올리는 중…';
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 4px 10px;
    border-radius: var(--radius-pill);
    background: var(--color-primary);
    color: var(--color-text-inverse);
    font-size: 0.85rem;
}

/* 대표 사진을 줄이는 중 */
.upload-box.is-busy { opacity: 0.6; pointer-events: none; }
.upload-box.is-busy .upload-box__text::after { content: ' — 사진 줄이는 중…'; }