/* 메인 편집 화면 보조 도구(main_modes.js). 관리자 전용 */
.mtm-bar{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);z-index:100045;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:calc(100vw - 24px);padding:4px;border-radius:999px;background:#fff;border:1px solid rgba(127,127,127,.25);box-shadow:0 8px 24px rgba(15,23,42,.16);font:13px/1.2 var(--hx-font,system-ui,sans-serif)}
.mtm-bar[hidden]{display:none}
.mtm-btn{min-height:34px;padding:6px 14px;border:1px solid rgba(127,127,127,.3);border-radius:999px;background:#fff;color:#1d2027;font:600 13px/1.2 inherit;cursor:pointer}
.mtm-btn[aria-pressed="true"]{background:var(--hx-accent,#0066cc);border-color:var(--hx-accent,#0066cc);color:#fff}
.mtm-btn:disabled{opacity:.4;cursor:default}
.mtm-btn:focus-visible{outline:2px solid var(--hx-accent,#0066cc);outline-offset:2px}
.mtm-sep{width:1px;align-self:stretch;margin:4px 2px;background:rgba(127,127,127,.3)}
/* 글자 편집: 편집 전용 버튼·점선·빈칸 안내를 숨긴다(고칠 수 있는 글은 마우스를 올리면 보인다) */
body.mt-edit.mtm-textmode .mt-sec-edit-overlay,
body.mt-edit.mtm-textmode .us-empty-ph,
body.mt-edit.mtm-textmode .us-empty-msg,
body.mt-edit.mtm-textmode .mt-html-empty{display:none!important}
body.mt-edit.mtm-textmode .us-section:hover{outline:0!important}
body.mt-edit.mtm-textmode [data-mt-f],body.mt-edit.mtm-textmode [data-mt-tx],body.mt-edit.mtm-textmode .mt-html-body[data-html-sec]{outline:0!important}
body.mt-edit.mtm-textmode [data-mt-f]:hover,body.mt-edit.mtm-textmode [data-mt-tx]:hover{outline:1px dashed rgba(0,102,204,.55)!important;outline-offset:3px}
body.mt-edit.mtm-textmode [data-mt-f]:empty:not(:focus):not([contenteditable="true"]){display:none!important}
body.mt-edit.mtm-textmode [data-mt-f]:empty::before{content:none!important}
body.mt-edit.mtm-textmode [data-mt-img]:hover{outline:0!important}
/* 미리보기 창 */
.mtm-pv{position:fixed;inset:0;z-index:100080;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;background:rgba(15,23,42,.62)}
.mtm-pv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:#fff;color:#1d2027;font:600 13px/1.3 var(--hx-font,system-ui,sans-serif)}
.mtm-pv-note{font-weight:400;font-size:12px;opacity:.75}
.mtm-pv-frame{flex:1;min-height:0;border:0;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.4)}
/* 디자인 편집: 화면에서 끌어 바꾸기(메인) */
body.mt-edit .mtm-selected{outline:2px solid var(--hx-accent,#0066cc)!important;outline-offset:-2px}
.mtm-layer{position:absolute;left:0;top:0;width:0;height:0;z-index:9995}
.mtm-layer[hidden]{display:none}
.mtm-h{position:absolute;outline:none;touch-action:none}
.mtm-h--pad-top,.mtm-h--pad-bot{height:12px;cursor:ns-resize}
.mtm-h--pad-top::before,.mtm-h--pad-bot::before{content:'';position:absolute;left:0;right:0;top:5px;height:2px;background:repeating-linear-gradient(90deg,var(--hx-accent,#0066cc) 0 8px,transparent 8px 14px)}
.mtm-h--radius{width:18px;height:18px;cursor:nwse-resize}
.mtm-h--radius::before{content:'';position:absolute;inset:0;border-radius:50% 4px 4px 4px;background:#fff;border:2px solid var(--hx-accent,#0066cc);box-sizing:border-box}
.mtm-h:focus-visible{box-shadow:0 0 0 3px rgba(0,102,204,.4)}
.mtm-tip{position:absolute;left:12px;top:-24px;white-space:nowrap;padding:3px 8px;border-radius:6px;background:var(--hx-tx,#1d1d1f);color:#fff;font:600 12px/1.4 var(--hx-font,system-ui,sans-serif);opacity:0;pointer-events:none;transition:opacity .15s}
.mtm-h:hover .mtm-tip,.mtm-h:focus-visible .mtm-tip,.mtm-dragging .mtm-tip{opacity:1}
.mtm-dragging,.mtm-dragging *{user-select:none!important}
.mtm-save{position:fixed;right:16px;bottom:140px;z-index:100046;min-height:42px;padding:8px 18px;border-radius:999px;border:0;background:var(--hx-accent,#0066cc);color:#fff;font:700 14px/1 var(--hx-font,system-ui,sans-serif);box-shadow:0 8px 22px rgba(0,102,204,.35);cursor:pointer}
.mtm-save[hidden]{display:none}