/* 메인 범용 섹션 편집 도구(main_handles.js·main_richtext.js) — 관리자 전용.
   손잡이·핀·작은 창은 서브와 같은 skin/hive_sub/layout_handles.css(hlh-*)를 함께 불러 쓰고,
   여기에는 서브 styles.php 의 글 선택 막대(sp-rt-bar)·줄바꿈 칩(sp-br-pick/sp-br-chip) 규칙과 메인 전용 저장 안내만 둔다. */
.mhh-save{position:fixed;left:50%;bottom:132px;transform:translateX(-50%);z-index:100046;display:flex;align-items:center;gap:8px;padding:4px 4px 4px 14px;border-radius:999px;background:#fff;border:1px solid rgba(127,127,127,.25);box-shadow:0 8px 24px rgba(15,23,42,.16);font:600 13px/1.3 var(--hx-font,system-ui,sans-serif);color:#1d2027}
.mhh-save[hidden]{display:none}
.mhh-save-t,.mhh-save .hlh-btn{white-space:nowrap}
@media(max-width:480px){.mhh-save{bottom:120px;font-size:12px}}
/* 편집 화면: 화면에서 고칠 수 있는 카드는 덮는 링크가 글 클릭을 가로채지 않게 한다(방문자 화면은 그대로) */
body.mt-edit .us-section article[data-mt-item] .us-card-link{pointer-events:none}
/* 서브와 같은 글 선택 막대 */
.sp-rt-bar{position:absolute;z-index:100000;display:none;gap:2px;align-items:center;background:#1a1410;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.sp-rt-bar.show{display:flex}.sp-rt-bar .sp-rt-more{display:none}.sp-rt-bar.is-more .sp-rt-more{display:contents}.sp-rt-bar .sp-rt-size{min-width:38px;text-align:center;font:600 11px/1 system-ui,sans-serif;opacity:.85;font-variant-numeric:tabular-nums}.sp-rt-bar .sp-rt-more-btn{font-size:12px}.sp-rt-bar.is-more .sp-rt-more-btn{background:rgba(255,255,255,.14)}.sp-rt-bar{flex-wrap:wrap;max-width:calc(100vw - 16px);box-sizing:border-box}
.sp-rt-bar button,.sp-rt-bar .sp-rt-color{background:transparent;border:none;color:#fff;cursor:pointer;font-size:13px;line-height:1;padding:6px 9px;border-radius:5px;display:inline-flex;align-items:center;gap:3px;font-family:inherit}
.sp-rt-bar button:hover,.sp-rt-bar .sp-rt-color:hover{background:rgba(255,255,255,.14)}
.sp-rt-bar .sp-rt-color{position:relative}
.sp-rt-bar .sp-rt-color i{display:inline-block;width:12px;height:3px;background:#e0322b}
.sp-rt-bar .sp-rt-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sp-rt-bar .sp-rt-hlc i{background:#f5c451}
/* 서브와 같은 줄바꿈 칩·표시 칩(편집 화면 조건만 body.mt-edit) */
.sp-br-chip{display:none}body.mt-edit .sp-br-chip{display:inline-block;margin:0 2px 0 4px;padding:0 5px;border-radius:4px;color:#fff;font:600 10px/16px 'Pretendard',sans-serif;letter-spacing:0;vertical-align:middle;user-select:none;cursor:pointer}body.mt-edit .sp-br-chip[data-mode=pc]{background:#7c3aed}body.mt-edit .sp-br-chip[data-mode=mo]{background:#0f766e}body.mt-edit .sp-br-chip[data-mode=all]{background:#111}.sp-br-pick{position:fixed;z-index:100002;display:flex;gap:4px;padding:4px;border-radius:999px;background:#111;box-shadow:0 6px 20px rgba(0,0,0,.25)}.sp-br-pick[hidden]{display:none}.sp-br-pick button{border:0;border-radius:999px;padding:5px 10px;background:transparent;color:#ddd;font:600 12px/1 'Pretendard',sans-serif;cursor:pointer}.sp-br-pick button:hover{background:#333;color:#fff}.sp-br-pick button[aria-pressed=true]{background:#fff;color:#111}
body:not(.mt-edit) .mhh-save{display:none!important}
/* 서브와 같은 화면 카드 추가 버튼·끌어 놓을 자리 표시(편집 화면 조건만 body.mt-edit) */
.sp-ext-additem{display:none}
body.mt-edit .sp-ext-additem{display:block;margin:18px auto 0;padding:9px 18px;background:rgba(0,102,204,.1);border:1px dashed rgba(0,102,204,.5);color:#0066cc;font-family:'Pretendard',sans-serif;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s}
body.mt-edit .sp-ext-additem:hover{background:rgba(0,102,204,.2);border-style:solid}
body.mt-edit .us-section > .sp-ext-additem{position:relative;z-index:5;margin-bottom:18px}
body.mt-edit .sp-drop-target{outline:2px dashed #7c3aed!important;outline-offset:4px;background:rgba(124,58,237,.06)}
/* 카드별 조작 저장 알림(main_handles.js say) */
.mhh-note{position:fixed;left:50%;bottom:180px;transform:translateX(-50%);z-index:100046;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid rgba(127,127,127,.25);box-shadow:0 8px 24px rgba(15,23,42,.16);font:600 13px/1.3 var(--hx-font,system-ui,sans-serif);color:#1d2027}
.mhh-note[hidden]{display:none}
.mhh-note.is-bad{color:#b42318;border-color:rgba(180,35,24,.35)}
/* 글 서식 막대의 글자 크기·굵기 선택 칸 */
body.mt-edit .sp-rt-bar select[data-mrt-sel]{height:28px;margin:0 2px;padding:0 6px;border:1px solid rgba(127,127,127,.3);border-radius:6px;background:#fff;color:#1d1d1f;font:500 12px/1 var(--hx-font,system-ui,sans-serif);cursor:pointer}
/* 예전 디자인 손잡이(main_modes .mtm-h)는 같은 기능의 새 손잡이(hlh)와 겹치므로 숨긴다 */
body.mt-edit .mtm-layer .mtm-h{display:none!important}