/* ============================================================
   환영 채널 빌더 (app-wchannel.js)
   ------------------------------------------------------------
   블록마다 "실제 메시지 미리보기 + 조작(위/아래/삭제) + 접이식 편집기"가 한 덩어리다.
   미리보기가 편집 대상이라는 원칙을 블록 단위로 확장한 것.
   ============================================================ */

.wc-block{
  position:relative; margin:12px 0; padding:12px 12px 4px;
  border:1px solid var(--line); border-radius:13px; background:var(--surface-2);
}
.wc-block:hover{border-color:color-mix(in srgb,var(--a1) 40%,var(--line))}

/* 조작 버튼 — 평소 흐리고 블록에 마우스를 올리면 뚜렷해진다(미리보기를 가리지 않게) */
.wc-ctl{
  position:absolute; top:8px; right:8px; z-index:2; display:flex; gap:4px;
  opacity:.25; transition:opacity .14s;
}
.wc-block:hover .wc-ctl, .wc-ctl:focus-within{opacity:1}
.wc-b{
  width:26px; height:26px; display:grid; place-items:center; cursor:pointer;
  font-size:12px; color:var(--ink-dim); font-family:var(--sans);
  background:var(--surface); border:1px solid var(--line-strong); border-radius:7px; transition:.13s;
}
.wc-b:hover:not(:disabled){color:var(--ink); border-color:var(--a1)}
.wc-b:disabled{opacity:.35; cursor:default}
.wc-b.danger:hover:not(:disabled){color:var(--crit); border-color:var(--crit)}

/* 배너 블록 — 이미지 전체 폭. 로드 실패 시 자리표시로 대체된다(onerror). */
.wc-banner{padding:0; overflow:hidden; border-left-width:4px}
.wc-img{display:block; width:100%; height:auto; border-radius:6px}
.wc-bad{
  padding:22px 12px; text-align:center; font-size:12.5px; color:var(--ink-faint);
  border:1px dashed var(--line-strong); border-radius:8px;
}

/* '요소 추가' 카드 줄 — MEE6의 요소 추가 대응 */
.wc-add{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 4px}
.wc-addb{
  display:flex; align-items:center; gap:7px; cursor:pointer; font-family:var(--sans);
  font-size:13px; font-weight:600; color:var(--ink-dim);
  background:var(--surface); border:1px dashed var(--line-strong); border-radius:11px; padding:9px 14px;
  transition:.14s;
}
.wc-addb:hover:not(:disabled){color:var(--ink); border-color:var(--a1); border-style:solid; background:var(--a1-soft)}
.wc-addb:disabled{opacity:.4; cursor:default}
.wc-addi{font-size:15px; line-height:1}