@charset "utf-8";

/* ================= 먹튀의민족 · 게시글 작성 ================= */
.mw{
  --w-ink:#111111; --w-ink-2:#7a7f87; --w-ink-3:#9aa0a6;
  --w-line:#e1e4e8; --w-line-2:#d3d7dc; --w-soft:#fafafa; --w-soft-2:#f5f6f7;
  --w-mint:#20bdb8; --w-mint-dark:#159f9a; --w-mint-soft:#eaf8f7;
  --w-warn:#d9584f;
  max-width:100%;margin:0 auto 56px;color:var(--w-ink);
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',system-ui,sans-serif;
}

/* --- 상단 --- */
.mw-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--w-line);
}
.mw-ht h1{font-size:24px;font-weight:700;letter-spacing:-.04em;line-height:1.3;}
.mw-ht p{margin-top:6px;font-size:13.5px;color:var(--w-ink-2);}
.mw-htools{display:flex;align-items:center;gap:14px;}
.mw-lnk{
  display:inline-flex;align-items:center;gap:5px;
  font-size:13px;font-weight:600;color:var(--w-ink-2);background:none;border:none;
  cursor:pointer;padding:0;transition:.15s;font-family:inherit;
}
.mw-lnk:hover{color:var(--w-ink);}
.mw-lnk b{font-weight:700;color:var(--w-ink);}

/* 임시저장 드롭다운 */
.mw-drop{position:relative;}
.mw-drop-pnl{
  position:absolute;right:0;top:calc(100% + 10px);width:280px;
  border:1px solid var(--w-line);border-radius:9px;background:#fff;padding:12px;
  box-shadow:0 4px 14px rgba(0,0,0,.07);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s;z-index:80;text-align:left;
}
.mw-drop.open .mw-drop-pnl{opacity:1;visibility:visible;transform:translateY(0);}
.mw-drop-pnl strong{display:block;font-size:13px;font-weight:700;margin-bottom:8px;}
.mw-drop-pnl ul{list-style:none;max-height:220px;overflow-y:auto;font-size:13px;}
.mw-drop-pnl ul li{padding:7px 0;border-bottom:1px solid var(--w-soft-2);}
.mw-drop-pnl ul:empty::after{content:"임시 저장된 글이 없습니다.";display:block;padding:14px 0;font-size:12.5px;color:var(--w-ink-3);text-align:center;}
.mw-drop-f{margin-top:8px;text-align:right;}
.mw-drop-f button{font-size:12.5px;color:var(--w-ink-2);background:none;border:none;cursor:pointer;font-family:inherit;}

/* --- 공통 필드 --- */
.mw-f{margin-bottom:20px;}
.mw-f>label{
  display:block;font-size:13px;font-weight:700;color:var(--w-ink);margin-bottom:8px;letter-spacing:-.02em;
}
.mw-f>label em{
  font-style:normal;margin-left:5px;padding:1px 5px;border-radius:3px;
  background:var(--w-mint-soft);color:var(--w-mint-dark);font-size:10.5px;font-weight:700;
}
.mw-f>label .opt{margin-left:5px;font-size:11.5px;font-weight:600;color:var(--w-ink-3);}
.mw-help{display:block;margin-top:6px;font-size:12.5px;line-height:1.6;color:var(--w-ink-2);}

.mw-f input[type=text],.mw-f input[type=password],.mw-f input[type=date],.mw-f input[type=email]{
  width:100%;height:42px;padding:0 13px;
  border:1px solid var(--w-line);border-radius:8px;background:#fff;
  font-family:inherit;font-size:14px;color:var(--w-ink);transition:.15s;
}
.mw-f input::placeholder{color:var(--w-ink-3);}
.mw-f input:focus{outline:none;border-color:var(--w-mint);box-shadow:0 0 0 3px rgba(32,189,184,.13);}

/* select */
.mw-sel{position:relative;display:inline-block;width:200px;max-width:100%;}
.mw-sel.sm{width:auto;}
.mw-sel select{
  width:100%;height:42px;padding:0 34px 0 13px;
  border:1px solid var(--w-line);border-radius:8px;background:#fff;
  font-family:inherit;font-size:14px;color:var(--w-ink);
  appearance:none;-webkit-appearance:none;cursor:pointer;transition:.15s;
}
.mw-sel select:focus{outline:none;border-color:var(--w-mint);box-shadow:0 0 0 3px rgba(32,189,184,.13);}
.mw-sel::after{
  content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;
  border-right:1.6px solid #9aa0a6;border-bottom:1.6px solid #9aa0a6;
  transform:translateY(-70%) rotate(45deg);pointer-events:none;
}

/* --- 행 레이아웃 --- */
.mw-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;}
.mw-row.top{align-items:flex-start;}
.mw-row.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;}
.mw-row.grid .mw-f{margin-bottom:18px;}
.mw-row.grid .mw-f.full{grid-column:1 / -1;}
.mw-row .mw-f{margin-bottom:0;}

/* 작성 옵션 */
.mw-chks{display:flex;align-items:center;gap:16px;flex-wrap:wrap;height:42px;}
.mw-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--w-ink);cursor:pointer;}
.mw-chk input{width:15px;height:15px;accent-color:var(--w-mint);cursor:pointer;}

/* 제목 */
.mw-f input.mw-title{height:48px;font-size:15.5px;font-weight:600;}

/* --- 에디터 --- */
.mw-ed{border:1px solid var(--w-line);border-radius:9px;overflow:hidden;background:#fff;}
.mw-tb{
  display:flex;align-items:center;gap:2px;flex-wrap:wrap;
  padding:7px 9px;background:var(--w-soft);border-bottom:1px solid var(--w-line);
}
.mw-tb .sep{width:1px;height:16px;background:var(--w-line-2);margin:0 5px;}
.mw-tb button{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:28px;height:28px;padding:0 6px;border:none;border-radius:6px;background:none;
  font-family:inherit;font-size:13px;font-weight:600;color:#4a4f55;cursor:pointer;transition:.12s;
}
.mw-tb button:hover{background:#eceef0;color:var(--w-ink);}
.mw-tb button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.mw-tb .mw-sel select{height:28px;padding:0 24px 0 9px;font-size:12.5px;line-height:26px;color:var(--w-ink);border-radius:6px;}
.mw-tb .mw-sel::after{right:10px;width:5px;height:5px;}
.mw-colors{display:inline-flex;align-items:center;gap:3px;margin:0 3px;}
.mw-tb button.mw-col{min-width:17px;width:17px;height:17px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.14);}
.mw-tb button.mw-col:hover{transform:scale(1.15);background:none;}
.mw-more{display:none;align-items:center;gap:2px;}
.mw-tb.open .mw-more{display:inline-flex;}
.mw-tb.open .mw-more-btn{background:#e4e7ea;color:var(--w-ink);}

.mw-body{
  min-height:460px;padding:20px;font-size:15px;line-height:1.85;color:var(--w-ink);
  outline:none;overflow-y:auto;word-break:break-word;background:#fff;
}
.mw-body:empty:before{content:attr(data-ph);color:var(--w-ink-3);}
.mw-body img{max-width:100%;height:auto;border-radius:6px;}
.mw-body blockquote{margin:12px 0;padding:10px 16px;border-left:3px solid var(--w-line-2);color:var(--w-ink-2);}
.mw-body a{color:var(--w-mint-dark);text-decoration:underline;}

.mw-edfoot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 14px;border-top:1px solid var(--w-line);background:var(--w-soft);
  font-size:12px;color:var(--w-ink-2);min-height:34px;
}
.mw-save{display:inline-flex;align-items:center;gap:5px;}
.mw-save i{width:11px;height:11px;border-radius:50%;background:var(--w-mint);position:relative;flex:0 0 auto;}
.mw-save i::after{content:"";position:absolute;left:3px;top:5px;width:3px;height:1.6px;background:#fff;transform:rotate(45deg);}
.mw-note{margin-top:10px;font-size:12.5px;color:var(--w-ink-2);}

/* --- 관련 링크 --- */
.mw-link{margin-bottom:8px;}
.mw-link.is-hide{display:none;}
.mw-addlink{
  display:inline-flex;align-items:center;height:34px;padding:0 12px;
  border:1px dashed var(--w-line-2);border-radius:7px;background:#fff;
  font-family:inherit;font-size:12.5px;font-weight:600;color:var(--w-ink-2);cursor:pointer;transition:.15s;
}
.mw-addlink:hover{border-color:var(--w-mint);color:var(--w-mint-dark);background:var(--w-mint-soft);}

/* --- 첨부파일 --- */
.mw-drop-zone{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  padding:30px 20px;border:1px dashed var(--w-line-2);border-radius:9px;background:var(--w-soft);
  text-align:center;transition:.15s;
}
.mw-drop-zone.over{border-color:var(--w-mint);background:var(--w-mint-soft);}
.mw-drop-zone p b{font-size:13.5px;font-weight:600;color:var(--w-ink);}
.mw-drop-zone span{font-size:12px;color:var(--w-ink-3);}
.mw-inputs{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.mw-fileinput input[type=text]{width:100%;}

.mw-files{margin-top:10px;}
.mw-file-row{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border:1px solid var(--w-line);border-radius:8px;background:#fff;margin-bottom:6px;
}
.mw-file-row .th{
  width:34px;height:34px;border-radius:5px;background:var(--w-soft-2);overflow:hidden;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
}
.mw-file-row .th img{width:100%;height:100%;object-fit:cover;}
.mw-file-row .nm{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mw-file-row .sz{font-size:12px;color:var(--w-ink-3);}
.mw-file-row .del{
  border:none;background:none;font-family:inherit;font-size:12.5px;font-weight:600;
  color:var(--w-ink-2);cursor:pointer;padding:2px 4px;
}
.mw-file-row .del:hover{color:var(--w-warn);}
.mw-fdel{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--w-ink-2);}

/* --- 하단 버튼 --- */
.mw-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:28px;}
.mw-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:44px;padding:0 22px;border-radius:8px;
  font-family:inherit;font-size:14.5px;font-weight:700;letter-spacing:-.02em;
  cursor:pointer;transition:.15s;text-decoration:none;
}
.mw-btn.cancel{background:#fff;border:1px solid var(--w-line-2);color:var(--w-ink-2);}
.mw-btn.cancel:hover{background:var(--w-soft-2);color:var(--w-ink);}
.mw-btn.line{background:#fff;border:1px solid var(--w-ink);color:var(--w-ink);}
.mw-btn.line:hover{background:var(--w-ink);color:#fff;}
.mw-btn.primary{background:var(--w-mint);border:1px solid var(--w-mint);color:#fff;min-width:130px;}
.mw-btn.primary:hover{background:var(--w-mint-dark);border-color:var(--w-mint-dark);color:#fff;}
.mw-btn:disabled{opacity:.55;cursor:default;}
.mw-drop-zone .mw-btn.line{height:36px;padding:0 18px;font-size:13px;}

/* --- 캡챠 --- */
.mw #captcha{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.mw #captcha_key{height:42px;border:1px solid var(--w-line);border-radius:8px;padding:0 12px;font-family:inherit;}

/* --- 다크모드 --- */
:root[data-theme="dark"] .mw{
  --w-ink:#e8e8e8; --w-ink-2:#a5a5a5; --w-ink-3:#7c7c7c;
  --w-line:#2f2f2f; --w-line-2:#3a3a3a; --w-soft:#1f1f1f; --w-soft-2:#252525;
}
:root[data-theme="dark"] .mw-ed,
:root[data-theme="dark"] .mw-body,
:root[data-theme="dark"] .mw-f input,
:root[data-theme="dark"] .mw-sel select,
:root[data-theme="dark"] .mw-file-row,
:root[data-theme="dark"] .mw-drop-pnl{background:#1b1b1b;color:var(--w-ink);}
:root[data-theme="dark"] .mw-btn.cancel,
:root[data-theme="dark"] .mw-btn.line,
:root[data-theme="dark"] .mw-addlink{background:#1b1b1b;}

/* --- 반응형 --- */
@media (max-width:860px){
  .mw-row.grid{grid-template-columns:minmax(0,1fr);}
  .mw-sel{width:100%;}
  .mw-head{align-items:flex-start;}
}
@media (max-width:640px){
  .mw{margin-bottom:40px;}
  .mw-ht h1{font-size:20px;}
  .mw-tb{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
  .mw-tb::-webkit-scrollbar{display:none;}
  .mw-body{min-height:340px;padding:15px;font-size:14.5px;}
  .mw-f input.mw-title{height:46px;font-size:15px;}
  .mw-drop-zone{padding:24px 14px;}
  .mw-actions{flex-wrap:wrap;}
  .mw-actions .mw-btn{flex:1;min-width:0;padding:0 12px;}
  .mw-actions .mw-btn.primary{flex:1 1 100%;order:-1;margin-bottom:6px;}
  .mw-drop-pnl{width:calc(100vw - 40px);right:-10px;}
}

/* ===== 확장 : 문단/크기 · 색상 팝오버 · 검증 · 통계 ===== */
.mw-f>label .adm{
  margin-left:6px;padding:1px 6px;border-radius:3px;
  background:#171717;color:#fff;font-size:10px;font-weight:700;
}
.mw-cnt{float:right;font-size:11.5px;font-weight:600;color:var(--w-ink-3);}
.mw-cnt.over{color:var(--w-warn);}

.mw-err{display:none;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--w-warn);}
.mw-err.on{display:block;}
.mw-f input.is-err,.mw-body.is-err{border-color:var(--w-warn)!important;}
.mw-body.is-err{box-shadow:inset 0 0 0 1px var(--w-warn);}

.mw-sel.full{width:100%;}
.mw-tb .mw-sel.p1 select{min-width:78px;}
.mw-tb .mw-sel.p1 select.mw-size{min-width:94px;}

/* 색상 팝오버 */
.mw-pop{position:relative;display:inline-flex;}
.mw-swatch{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:4px;background:#fff;
  border:1px solid var(--w-line);font-size:11px;font-weight:800;
}
.mw-pop-pnl{
  position:absolute;left:0;top:calc(100% + 7px);width:212px;padding:11px;
  border:1px solid var(--w-line);border-radius:9px;background:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.09);
  opacity:0;visibility:hidden;transform:translateY(-5px);transition:.14s;z-index:70;
}
.mw-pop.open .mw-pop-pnl{opacity:1;visibility:visible;transform:translateY(0);}
.mw-pop-pnl b{display:block;font-size:11.5px;font-weight:700;color:var(--w-ink-2);margin:0 0 6px;}
.mw-pop-pnl b+.mw-cols{margin-bottom:10px;}
.mw-cols{display:flex;flex-wrap:wrap;gap:5px;}
.mw-tb .mw-cols button{
  min-width:22px;width:22px;height:22px;padding:0;border-radius:5px;
  border:1px solid rgba(0,0,0,.12);
}
.mw-tb .mw-cols button:hover{transform:scale(1.1);}
.mw-tb .mw-cols button.none{background:#fff;position:relative;}
.mw-tb .mw-cols button.none::after{
  content:"";position:absolute;left:2px;right:2px;top:9px;height:1.5px;background:var(--w-warn);transform:rotate(-45deg);
}

/* 에디터 하단 */
.mw-edhint{font-size:11.5px;color:var(--w-ink-3);}
.mw-stat{font-size:12px;color:var(--w-ink-2);}
.mw-stat b{font-weight:700;color:var(--w-ink);}

/* 본문 서식 미리보기 */
.mw-body h2{font-size:21px;font-weight:700;margin:18px 0 10px;letter-spacing:-.03em;}
.mw-body h3{font-size:18px;font-weight:700;margin:16px 0 9px;letter-spacing:-.03em;}
.mw-body h4{font-size:16px;font-weight:700;margin:14px 0 8px;}
.mw-body ul{list-style:disc;padding-left:22px;margin:10px 0;}
.mw-body ol{list-style:decimal;padding-left:24px;margin:10px 0;}
.mw-body li{margin:3px 0;}
.mw-body hr{border:none;border-top:1px solid var(--w-line);margin:18px 0;}
.mw-body p{margin:0 0 10px;}

/* 하단 액션 sticky */
.mw-actions.stuck{
  position:sticky;bottom:14px;z-index:40;
  background:rgba(255,255,255,.94);backdrop-filter:none;
  border:1px solid var(--w-line);border-radius:10px;padding:10px 12px;
}
:root[data-theme="dark"] .mw-actions.stuck{background:rgba(20,20,20,.94);}

/* 모바일 : 우선 노출 버튼만 */
@media (max-width:640px){
  .mw-tb>button:not(.p1):not(.mw-more-btn),
  .mw-tb>.sep,
  .mw-tb>.mw-pop{display:none;}
  .mw-tb>.mw-sel.p1{display:inline-block;}
  .mw-tb.open>button,.mw-tb.open>.sep,.mw-tb.open>.mw-pop{display:inline-flex;}
  .mw-tb.open{flex-wrap:wrap;}
  .mw-edhint{display:none;}
  .mw-actions.stuck{position:static;border:none;padding:0;}
}

/* ============================================================
   예약 발행
   ============================================================ */
.mw-sch-box{
  border:1px solid var(--w-line);border-radius:8px;padding:14px 16px;background:var(--w-soft);
  transition:border-color .15s,background .15s;
}
.mw-sch.on .mw-sch-box{border-color:var(--w-mint);background:var(--w-mint-soft);}
.mw-sch-box>.mw-chk{font-size:13.5px;font-weight:600;}
.mw-sch-pnl{margin-top:13px;padding-top:13px;border-top:1px solid var(--w-line);}
.mw-sch-pnl[hidden]{display:none;}
.mw-sch-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mw-sch-row input[type=datetime-local]{
  height:40px;padding:0 12px;background:#fff;
  border:1px solid var(--w-line-2);border-radius:8px;
  font-family:inherit;font-size:14px;font-weight:600;color:var(--w-ink);
}
.mw-sch-row input[type=datetime-local]:focus{
  outline:none;border-color:var(--w-mint);box-shadow:0 0 0 3px rgba(32,189,183,.14);
}
.mw-sch-quick{display:flex;gap:6px;flex-wrap:wrap;}
.mw-sch-quick button{
  height:32px;padding:0 11px;cursor:pointer;
  background:#fff;border:1px solid var(--w-line-2);border-radius:7px;
  font-family:inherit;font-size:12.5px;font-weight:600;color:var(--w-ink-2);transition:.15s;
}
.mw-sch-quick button:hover{border-color:var(--w-mint);color:var(--w-mint-dark);background:var(--w-mint-soft);}
.mw-sch-msg{margin-top:10px;font-size:13px;font-weight:600;line-height:1.6;}
.mw-sch-msg.ok{color:var(--w-mint-dark);}
.mw-sch-msg.warn{color:var(--w-warn);}
.mw-sch-pnl .mw-help a{color:var(--w-mint-dark);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
@media (max-width:640px){
  .mw-sch-row input[type=datetime-local]{width:100%;}
  .mw-sch-quick{width:100%;}
  .mw-sch-quick button{flex:1 1 auto;}
}

/* ============================================================
   글쓰기 화면 개편 (2026-08-24)
   제목 → 에디터 → 첨부 → 글 설정 → 버튼 으로 흐름을 단순화하면서
   좌우 기준선을 한 줄로 맞춘다. 기존 .mw-* 규칙 위에 덧쓰는 블록.
   ============================================================ */

/* 모든 입력 블록은 같은 좌우 기준선을 쓴다 */
.mw .mw-f,
.mw .mw-row,
.mw .mw-actions{max-width:none; margin-left:0; margin-right:0;}

/* ── 제목 : 라벨 없이 큰 단일 입력 ───────────────────── */
.mw-f-title{position:relative; margin-bottom:14px;}
.mw-f-title input.mw-title{
  width:100%; height:56px; padding:0 92px 0 16px;
  font-size:18px; font-weight:700; letter-spacing:-.03em;
  border:1px solid var(--w-line); border-radius:9px; background:#fff;
}
.mw-f-title input.mw-title::placeholder{font-weight:600; color:var(--w-ink-3);}
.mw-f-title .mw-cnt{
  float:none; position:absolute; right:14px; top:50%; transform:translateY(-50%);
  pointer-events:none;
}

/* ── 분류 : 제목 바로 아래 한 줄 ─────────────────────── */
.mw-row.top{margin-bottom:14px;}

/* ── 에디터 : 툴바와 본문이 한 덩어리 ────────────────── */
.mw-f-body{margin-bottom:20px;}
.mw-f-body .mw-ed{border-radius:9px;}
.mw-tb{flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin;}
.mw-tb::-webkit-scrollbar{height:4px;}
.mw-tb::-webkit-scrollbar-thumb{background:var(--w-line-2); border-radius:4px;}
.mw-body{min-height:400px;}

/* ── 첨부 : 라벨 없는 단일 드롭존 ────────────────────── */
.mw-f-file{margin-bottom:20px;}
.mw-drop-zone{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  padding:26px 18px; text-align:center; cursor:pointer;
  border:1px dashed var(--w-line-2); border-radius:9px; background:var(--w-soft);
  transition:border-color .16s ease, background-color .16s ease;
}
.mw-drop-zone:hover{border-color:var(--w-mint); background:var(--w-mint-soft);}
.mw-drop-zone:focus-visible{outline:2px solid var(--w-mint); outline-offset:2px;}
.mw-drop-zone .ic{width:24px; height:24px; color:var(--w-ink-3); margin-bottom:6px;}
.mw-drop-zone:hover .ic{color:var(--w-mint-dark);}
.mw-drop-zone .t{font-size:14px; font-weight:700; color:var(--w-ink); letter-spacing:-.03em;}
.mw-drop-zone .s{font-size:12.5px; color:var(--w-ink-2);}
.mw-drop-zone .m{margin-top:4px; font-size:11.5px; color:var(--w-ink-3);}

/* ── 글 설정 : 작성 버튼 위 작은 옵션 영역 ───────────── */
.mw-f-set{margin-bottom:0;}
.mw-set{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:12px 14px; border:1px solid var(--w-line); border-radius:9px; background:var(--w-soft);
}
.mw-set-t{
  display:inline-flex; align-items:center; gap:6px;
  font-size:12.5px; font-weight:700; color:var(--w-ink-2); letter-spacing:-.02em;
}
.mw-set .mw-chks{height:auto; gap:14px;}

/* ── 버튼 ────────────────────────────────────────────── */
.mw-actions{margin-top:20px;}

/* ── 모바일 ──────────────────────────────────────────── */
@media (max-width:640px){
  .mw-f-title input.mw-title{height:50px; font-size:16px; padding:0 82px 0 13px;}
  .mw-body{min-height:320px;}
  .mw-drop-zone{padding:20px 14px;}
  .mw-drop-zone .t{font-size:13px;}
  .mw-drop-zone .s{font-size:12px;}
  .mw-set{gap:10px; padding:11px 12px;}
  .mw-actions{gap:6px;}
  .mw-actions .mw-btn{flex:1 1 0; min-width:0;}
}
@media (max-width:360px){
  .mw-f-title .mw-cnt{display:none;}
  .mw-f-title input.mw-title{padding-right:13px;}
}

/* ── 링크 삽입 팝업 ─────────────────────────────────── */
.mw-ed{position:relative;}
.mw-linkpop{
  position:absolute; left:12px; top:44px; z-index:30; width:min(320px, calc(100% - 24px));
  padding:14px; background:#fff;
  border:1px solid var(--w-line-2); border-radius:9px;
  box-shadow:0 8px 22px rgba(0,0,0,.10);
}
.mw-linkpop > label{display:block; font-size:12px; font-weight:700; color:var(--w-ink-2); margin-bottom:6px;}
.mw-linkpop input[type=url]{
  width:100%; height:38px; padding:0 11px; font-size:13px;
  border:1px solid var(--w-line); border-radius:7px; background:#fff; color:var(--w-ink);
}
.mw-linkpop input[type=url]:focus{outline:none; border-color:var(--w-mint); box-shadow:0 0 0 3px rgba(32,189,184,.13);}
.mw-linkpop .mw-chk{margin-top:10px; font-size:12.5px;}
.mw-linkpop-f{display:flex; justify-content:flex-end; gap:6px; margin-top:12px;}
.mw-linkpop-f .mw-btn{height:32px; padding:0 14px; font-size:12.5px;}

/* ============================================================
   툴바 : 글자색을 점으로 바로 노출 (2026-08-25)
   ============================================================ */
.mw-tb .mw-colors{display:inline-flex; align-items:center; gap:5px;}
.mw-tb .mw-dot{
  min-width:19px; width:19px; height:19px; padding:0; border-radius:50%;
  background:var(--c, #171717); border:1px solid rgba(0,0,0,.14);
  transition:transform .12s ease, box-shadow .12s ease;
}
.mw-tb .mw-dot:hover{
  transform:scale(1.18); background:var(--c, #171717);
  box-shadow:0 0 0 2px rgba(0,0,0,.06);
}
.mw-tb .mw-dot.base{
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff; border-color:var(--w-line-2);
}
.mw-tb .mw-dot.base b{font-size:11px; font-weight:800; color:#171717; line-height:1;}
.mw-tb .mw-dot.base:hover{background:#fff;}

/* 형광펜 스와치 */
.mw-swatch.hl{background:linear-gradient(180deg,#fff 55%,#fff3c4 55%); color:var(--w-ink);}

/* 글자 크기 select : 라벨이 잘리지 않게 */
.mw-tb .mw-sel.p1 select.mw-size{min-width:74px;}

@media (max-width:640px){
  .mw-tb .mw-colors{gap:4px;}
  .mw-tb .mw-dot{min-width:17px; width:17px; height:17px;}
}

/* ── 툴바 커스텀 드롭다운 (문단/크기) ─────────────────── */
.mw-tb .mw-menu{position:relative;}
.mw-tb .mw-mbtn{
  display:inline-flex; align-items:center; gap:5px;
  min-width:auto; height:28px; padding:0 9px;
  border:1px solid var(--w-line); border-radius:6px; background:#fff;
  font-family:inherit; font-size:12.5px; font-weight:600; color:var(--w-ink);
}
.mw-tb .mw-mbtn:hover{border-color:var(--w-line-2); background:#fff; color:var(--w-ink);}
.mw-tb .mw-menu.open > .mw-mbtn{border-color:var(--w-mint); color:var(--w-mint-dark);}
.mw-tb .mw-mbtn .ar{
  width:6px; height:6px; flex:0 0 auto; margin-left:1px;
  border-right:1.5px solid #9aa0a6; border-bottom:1.5px solid #9aa0a6;
  transform:translateY(-2px) rotate(45deg);
}
.mw-mlist{
  width:auto; min-width:108px; max-height:270px; overflow-y:auto;
  padding:6px; display:flex; flex-direction:column; gap:1px;
}
.mw-tb .mw-mlist button{
  display:block; width:100%; min-width:0; height:auto; padding:7px 10px;
  border:none; border-radius:6px; background:none; text-align:left;
  font-family:inherit; font-size:13px; font-weight:500; color:var(--w-ink);
  line-height:1.3; white-space:nowrap;
}
.mw-tb .mw-mlist button:hover{background:var(--w-soft); color:var(--w-mint-dark);}
.mw-tb .mw-mlist.size button{font-weight:600;}

/* 툴바 overflow 에 잘리지 않도록 팝업을 뷰포트 기준으로 띄운다 */
.mw-pop-pnl{position:fixed; left:0; top:0; z-index:120;}
.mw-tb{overflow-y:visible;}

/* 크기 목록 : 2열로 배치해 스크롤 없이 한눈에 */
.mw-mlist.size{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px;
  min-width:150px; max-height:none;
}
.mw-tb .mw-mlist.size button{padding:6px 8px; text-align:center; line-height:1.2;}
.mw-mlist:not(.size){min-width:120px;}

/* ── 게시판별 추가 입력 카드 (mw-sec) ──────────────────────
   먹튀 제보처럼 정형 항목을 본문보다 먼저 받아야 하는 양식용.
   write.skin.php 에서 $mmw_sec_title 을 주면 이 카드로 감싼다. */
.mw-sec{
  margin-bottom:22px;padding:22px 24px 4px;
  border:1px solid var(--w-line);border-radius:14px;background:#fff;
}
.mw-sec-t{
  display:flex;align-items:center;gap:8px;
  margin:0 0 18px;font-size:16px;font-weight:700;letter-spacing:-.03em;color:var(--w-ink);
}
.mw-sec-t::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--w-mint);flex:0 0 auto;
}
.mw-sec .mw-row{margin-bottom:0;}
@media (max-width:760px){
  .mw-sec{padding:18px 16px 2px;border-radius:12px;}
}

:root[data-theme="dark"] .mw-sec{background:#1b1b1b;border-color:var(--w-line);}

/* 사이트평가에서 넘어온 글 — 연결 대상 안내 */
.mw-sitelink{
  margin:0 0 16px;padding:11px 15px;border-radius:10px;
  border:1px solid var(--w-mint);background:var(--w-mint-soft);
  font-size:13.5px;color:var(--w-mint-dark);
}
.mw-sitelink b{font-weight:800;}
:root[data-theme="dark"] .mw-sitelink{background:rgba(32,189,184,.1);border-color:rgba(32,189,184,.3);color:#4fd3ce;}

/* ── 별점 입력 (type: stars) ──────────────────────────────────
   라디오 5개를 별로 보여준다. DOM 은 5→1 역순이고 flex-direction:row-reverse
   로 화면에는 1→5 순서로 그린다. 그래야 "선택한 별 이하를 모두 칠하는"
   동작을 CSS 형제 선택자만으로 만들 수 있다(JS 불필요). */
.mw-stars{
    display:inline-flex; flex-direction:row-reverse; justify-content:flex-end;
    align-items:center; gap:2px; padding:4px 0;
}
.mw-stars input{position:absolute; opacity:0; width:0; height:0;}
.mw-stars label{
    cursor:pointer; line-height:0; padding:2px; color:#d7dde5;
    transition:color .12s, transform .12s;
}
.mw-stars label svg{width:30px; height:30px; fill:currentColor; display:block;}
/* 선택된 별과 그보다 낮은 별을 함께 칠한다 */
.mw-stars input:checked ~ label{color:#f5b301;}
/* 마우스를 올리는 동안에는 hover 기준으로만 보여준다 */
.mw-stars:hover input:checked ~ label{color:#d7dde5;}
.mw-stars label:hover,
.mw-stars label:hover ~ label{color:#f5b301;}
.mw-stars label:hover{transform:scale(1.08);}
/* "선택 안 함" 되돌리기 버튼 — 별 오른쪽(=DOM 상 첫 요소)에 둔다 */
.mw-stars-clear{
    order:-1; margin-left:10px; padding:4px 10px !important;
    border:1px solid #e2e8f0; border-radius:999px; background:#fff;
    font-size:12px; font-weight:700; color:#94a3b8 !important; line-height:1.6 !important;
}
.mw-stars-clear:hover{color:#64748b !important; border-color:#cbd5e1; transform:none !important;}
.mw-stars-none:checked ~ .mw-stars-clear{border-color:#cbd5e1; color:#64748b !important;}
@media (max-width:640px){
    .mw-stars label svg{width:26px; height:26px;}
}