/* 1022 새 편집기 미리보기 손잡이 8개 · 떠 있는 도구 막대 · 맞춤선(editor-v2.js) — 보이는 손잡이 14~18px · 누르는 곳 44px */
.ev2-lyh.cr { cursor: nwse-resize; }
.ev2-lyh.nw { left: -9px; top: -9px; } .ev2-lyh.ne { right: -9px; top: -9px; cursor: nesw-resize; } .ev2-lyh.sw { left: -9px; bottom: -9px; cursor: nesw-resize; }
.ev2-lyh.ed { width: 14px; height: 14px; border-radius: 4px; background: #fff; }
.ev2-lyh.ed::before { inset: -6px; }   /* 변 손잡이는 누르는 곳을 좁게(작은 레이어 가운데 끌기를 가리지 않게) */
.ev2-lyh.ed.l { left: -8px; top: 50%; margin-top: -7px; cursor: ew-resize; } .ev2-lyh.ed.r { right: -8px; top: 50%; margin-top: -7px; cursor: ew-resize; }
.ev2-lyh.ed.t { top: -8px; left: 50%; margin-left: -7px; cursor: ns-resize; } .ev2-lyh.ed.b { bottom: -8px; left: 50%; margin-left: -7px; cursor: ns-resize; }
.ev2-lyh.rot { top: -30px; } .ev2-lyh.rot::after { content: ''; position: absolute; left: 50%; top: 100%; width: 2px; height: 14px; margin-left: -1px; background: #2dd4bf; }
.ev2-lysel:not([data-hs~="c"]) .ev2-lyh.nw, .ev2-lysel:not([data-hs~="c"]) .ev2-lyh.ne, .ev2-lysel:not([data-hs~="c"]) .ev2-lyh.sw { display: none; }
.ev2-lysel:not([data-hs~="e"]) .ev2-lyh.ed.l, .ev2-lysel:not([data-hs~="e"]) .ev2-lyh.ed.r { display: none; }
.ev2-lysel:not([data-hs~="v"]) .ev2-lyh.ed.t, .ev2-lysel:not([data-hs~="v"]) .ev2-lyh.ed.b { display: none; }
.ev2-lysel.lock { border-style: dashed; border-color: #f59e0b; cursor: default; }
/* 도구 막대 — 1022 대표 결정: 미리보기 칸 맨 위 줄(영상 밖 · 그림을 가리지 않음) · 한 줄 · 아이콘만 · 누르는 곳 36×34
 *  칸 머리(.ev2-sh)는 늘 40px — 막대가 나타나도 미리보기 크기 · 자리가 그대로(막대가 보이면 "편집용 미리보기 화질" 글자만 숨김) */
.ev2-sh { position: relative; min-height: 40px; align-items: center; }
.ev2-sh.ev2-baron .ev2-shl { visibility: hidden; }
.ev2-sh .ev2-lybar { left: 50%; top: 50%; transform: translate(-50%, -50%); flex-wrap: nowrap; gap: 2px; padding: 2px; max-width: 100%; overflow-x: auto; scrollbar-width: none; background: #18191c; border: 1px solid #4b4f57; box-shadow: none; }
.ev2-sh .ev2-lybtn { width: 36px; min-width: 36px; height: 34px; min-height: 34px; padding: 0; display: inline-grid; place-items: center; font-size: 17px; line-height: 1; flex: 0 0 auto; }
.ev2-lyi { width: 19px; height: 19px; display: block; }
.ev2-lybtn[hidden] { display: none; }
.ev2-lybtn[aria-pressed="true"] { background: #2dd4bf; color: #111; }
.ev2-lybtn[aria-expanded="true"] { background: rgba(255,255,255,.18); }
.ev2-sh .ev2-lybtn { position: relative; }
.ev2-lybtn.lk::after { content: ''; position: absolute; top: 4px; right: 4px; width: 7px; height: 7px; border-radius: 50%; background: #f59e0b; }   /* 잠근 레이어 — ⋯ 옆 주황 점 */
.ev2-lybtn:disabled { opacity: .4; cursor: default; } .ev2-lybtn:disabled:hover { background: transparent; }
html[data-mode="simple"] .ev2-sh .ev2-lybtn { font-size: 18px; }
/* 맞춤선 */
.ev2-snapw { position: absolute; inset: 0; pointer-events: none; z-index: 7; }
.ev2-snapl { position: absolute; background: #f43f5e; box-shadow: 0 0 0 1px rgba(255,255,255,.5); }
.ev2-snapl.v { top: 0; bottom: 0; width: 1px; margin-left: -0.5px; } .ev2-snapl.h { left: 0; right: 0; height: 1px; margin-top: -0.5px; }
/* 1022 타임라인 레이어 블록 양끝 끌기 · 소스 카드 놓을 자리 */
.ev2-lyed { position: absolute; top: -2px; bottom: -2px; width: 12px; cursor: ew-resize; touch-action: none; }
.ev2-lyed::before { content: ''; position: absolute; top: 8px; bottom: 8px; left: 4px; width: 4px; border-radius: 2px; background: rgba(255,255,255,.75); }
.ev2-lyed.l { left: 0; } .ev2-lyed.r { right: 0; }
.ev2-blk.lyb { padding-left: 14px; padding-right: 14px; }
.ev2-blk.lyb.drag { opacity: .85; outline: 2px dashed #fff; }
.ev2-srcmk { background: #f59e0b; width: 3px; }
.ev2m-card[draggable="true"] { cursor: grab; }
.ev2-lysel.small .ev2-lyh::before { inset: -2px; }   /* 작은 레이어 — 손잡이 누르는 곳을 손잡이 크기로(가운데 끌기를 가리지 않게) */