/* ★[S7-1 스코프 루트 확정 2026-08-03] 스코프를 .cmz -> .wrz 로 치환했다.
   사유: 글쓰기는 커뮤니티의 하위 뷰가 아니라 독립 라우트다(go('write') · write.js 가 자기
     <main> 을 그린다). 그런데 이 파일 전건이 .cmz(커뮤니티 페이지) 스코프여서 규칙 60개가
     현행 마크업에 하나도 매치되지 않았다 — 링크를 풀어도 화면이 안 바뀌는 상태였다.
   S8 과 동형처럼 보이나 원인이 반대다. S8 = 전역 컴포넌트가 페이지 스코프에 갇힘 -> 스코프
     제거가 답. S7 = 독립 라우트의 규칙이 남의 페이지 스코프에 들어감 -> 자기 루트를 줘야 한다.
   기각안: (2) 전역 제거(S8 방식) — s8 은 충돌 토큰이 전부 컴파운드·자손이라 발효 0 이었지만
     s7 은 .inp·.on 같은 단독 흔한 이름이 있어 같은 처방이 안 맞는다. (3) write 페이지에 .cmz
     부여 — s1~s6·s8 커뮤니티 규칙 156+개가 글쓰기로 유입된다. 조기 발효 최대 사례가 된다.
   ★루트 이름: .wz 와 .wrz 둘 다 전역 충돌 0(CSS·마크업·classList·유사접두 전건 확인).
     .wrz 를 골랐다 — 2글자는 향후 충돌 여지가 크고, .wdz(work-detail-zine)와 눈으로 구분이
     어렵다. 선례 = .wdz · .cmz, "독립 라우트는 자기 스코프 루트를 갖는다"가 이 repo 패턴이다.
   부착점 = write.js renderWritePage() 의 <main class="write-page page-form wrz">. 한 곳뿐이다.
   ※ 에디터 계열(ed-tb·ed-btn·ed-sep·w-ed·w-resize·w-grip·w-pv*)은 S7-1 범위 밖 = 미배선.
      짝 규칙 6건 이관과 함께 S7-2 에서 처리한다. */
/* community-zine-s7.css — 원본 toonhub/css/community-zine.css 스테이지 분할(STEP3, 2026-07-30).
   S7 — 에디터 미리보기 / 글쓰기.
   규칙 본문·순서 무변경(byte-exact 이관). 토큰=base.css, radius=tokens.css. */
/* [분할 계약] S9 는 마지막 링크. 링크 순서 base -> s1 -> ... -> s9 유지.
   ★단 이것만으로 캐스케이드 동일이 보장되지 않는다(리뷰어 R3 정정). S9 가 base 를 갖고 다른 스테이지가 그
   오버라이드를 갖는 역방향 쌍이 존재한다 — .wrz .nt (base=S9 알림, 오버라이드=S8 모션 가드). 이 쌍은 가드를
   s9 말미로 별도 이관해 해소했다. 실측: 동일 셀렉터 중복 11쌍 = Sx->S9 정방향 10 + S9->S8 역방향 1.
   S9 는 라이트 테마·@media(max-width:620px) 만이 아니라 방문기록바·레벨배지·알림·푸터도 갖는다
   = "뒤에 와야 하는 규칙만 모인 파일"이 아니다. 신규 분할·이관 시 중복 유무가 아니라 방향까지 확인할 것.
   또한 화면 무변화는 미링크 규칙이 현행 마크업에 매치되지 않을 때만 따라온다 — 짝 규칙(중립화 오버라이드·
   누출 해제)은 활성 스테이지로 이관해야 한다(R1·R2 선례: s1 말미 이관 구역). */
/* [활성화] 해당 스테이지 착수 1단계 = toonhub/ToonHerb.html 의 이 파일 link 주석 해제. */

/* ===== 에디터 미리보기 ===== */
.wrz .w-pv{min-height:280px;padding:16px;background:var(--pane)}
.wrz .w-pv-k{font-size:9.5px;letter-spacing:.1em;color:var(--acc-br);margin-bottom:11px}
.wrz .w-pv-t{font-family:'Chakra Petch',var(--font);font-size:19px;font-weight:700;margin-bottom:12px}
.wrz .w-pv p{font-size:14px;line-height:1.8;color:var(--t2);margin-bottom:12px;max-width:640px}
.wrz .w-pv-sp{display:inline-block;font-size:10.5px;font-weight:700;color:var(--spoiler);border:1px solid var(--spoiler);padding:2px 8px;background:repeating-linear-gradient(45deg,var(--bg4) 0 6px,var(--pane2) 6px 12px)}
.wrz .ed-btn.on{color:var(--acc-br);border-color:var(--acc);background:var(--acc-dim)}
.wrz .vid-pv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;aspect-ratio:16/9;border:1px dashed var(--bor2);background:var(--bg)}
.wrz .vid-pv .mono{font-size:11px;color:var(--t3)}
.wrz .vid-pv-s{font-size:9.5px;color:var(--acc-br)}

/* ===== 글쓰기 ===== */
.wrz .w-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--bor);padding-bottom:12px;margin-bottom:14px}
.wrz .w-title{font-family:'Chakra Petch',var(--font);font-size:21px;font-weight:700;letter-spacing:-.4px;flex:none}
.wrz .w-guide{font-size:11.5px;color:var(--t3);flex:1;min-width:160px}
.wrz .w-draft{display:flex;align-items:center;gap:8px;background:var(--acc-dim);border:1px solid var(--acc);padding:9px 13px;font-size:12px;color:var(--t2);margin-bottom:16px}
.wrz .w-autosave{margin-left:auto;font-family:'Space Mono';font-size:10px;color:var(--acc-br);flex:none}
.wrz .w-form{border:1px solid var(--bor);background:var(--pane);padding:18px}
.wrz .w-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.wrz .w-row.w-col{flex-direction:column;align-items:stretch;gap:7px}
.wrz .w-lbl{font-family:'Space Mono';font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--acc-br);flex:none}
.wrz .w-pfx{display:flex;flex-wrap:wrap;gap:5px}
.wrz .w-pfxb{font-size:12px;font-weight:600;color:var(--t2);border:1px solid var(--bor);background:var(--bg);padding:5px 12px;transition:.12s;white-space:nowrap}
.wrz .w-pfxb:hover{color:var(--t1);border-color:var(--bor2)}
.wrz .w-pfxb.on{font-weight:700;background:var(--pane2)}
.wrz .w-workgrid{display:grid;grid-template-columns:1fr 260px;gap:12px;align-items:start}
@media(max-width:720px){.wrz .w-workgrid{grid-template-columns:1fr}}
.wrz .w-wres{border:1px solid var(--hair);border-top:none;background:var(--bg)}
.wrz .w-wopt{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;color:var(--t1);border-bottom:1px solid var(--hair);cursor:pointer}
.wrz .w-wopt:last-child{border-bottom:none}
.wrz .w-wopt:hover{background:var(--pane2);color:var(--acc-br)}
.wrz .w-wopt .mono{font-size:9.5px;color:var(--t3);margin-left:auto}
.wrz .w-wcard{display:flex;gap:10px;border:1px solid var(--hair);background:var(--bg);padding:10px}
.wrz .w-wcov{width:44px;aspect-ratio:2/3;background-size:cover;background-position:center;border:1px solid var(--bor);flex:none}
.wrz .w-wcinfo{min-width:0}
.wrz .w-wcn{font-size:13px;font-weight:700;color:var(--t1)}
.wrz .w-wca{font-size:10px;color:var(--t3);margin-top:3px}
.wrz .w-wcr{font-size:9.5px;color:var(--acc-br);margin-top:7px;line-height:1.4}
.wrz .w-onelbl{font-size:12px;font-weight:700;color:var(--t1);margin-bottom:7px}
.wrz .w-onereq{font-family:'Space Mono';font-size:10px;font-weight:700;color:var(--danger);margin-left:6px}
.wrz .w-titlerow{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.wrz .w-titleinp{flex:1;font-size:17px;font-weight:700}
.wrz .w-tcnt{font-size:10px;color:var(--t3);flex:none}
.wrz .w-onehelp{font-size:11.5px;color:var(--t3);line-height:1.6;margin-bottom:12px}
.wrz .w-onehelp b{color:var(--acc-br)}
.wrz .w-edwrap{border:1px solid var(--bor);background:var(--bg);margin:10px 0 14px}
.wrz .ed-tb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:7px 8px;border-bottom:1px solid var(--hair);background:var(--pane)}
.wrz .ed-btn{min-width:26px;height:26px;padding:0 7px;font-size:11.5px;font-weight:600;color:var(--t2);border:1px solid transparent;transition:.12s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
.wrz .ed-btn svg{width:12px;height:9px}
.wrz .ed-btn:hover{color:var(--acc-br);border-color:var(--bor);background:var(--bg)}
.wrz .ed-sep{width:1px;height:16px;background:var(--bor2);margin:0 4px}
.wrz .w-ed{min-height:280px;padding:14px;font-size:14px;line-height:1.8;color:var(--t1);outline:none}
.wrz .w-ed:empty::before{content:attr(data-ph);color:var(--t3)}
.wrz .w-resize{display:flex;justify-content:center;padding:4px 0 6px;border-top:1px solid var(--hair);cursor:ns-resize}
.wrz .w-grip{width:36px;height:3px;background:var(--bor2)}
.wrz .w-opts{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0;border-top:1px solid var(--hair)}
.wrz .w-ck{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--t2);cursor:pointer}
.wrz .w-ck input{accent-color:var(--acc-br)}
.wrz .w-foot{display:flex;align-items:center;gap:7px;padding-top:14px;border-top:1px solid var(--hair);flex-wrap:wrap}
.wrz .w-fsp{flex:1}
.wrz .inp{width:100%;font-size:13px;color:var(--t1);background:var(--bg);border:1px solid var(--bor);border-radius:var(--r1);padding:9px 12px;outline:none;transition:.12s}
.wrz .inp:focus{border-color:var(--acc)}
.wrz .inp::placeholder{color:var(--t3)}