/* 1023 새 편집기 플랫폼별 길이 자르기 · 표지(edv2-pftrim.js) — [보기] 줄 끝 [✂ 길이 · 표지] · 미리보기 위 칸 · 타임라인 범위 밖 어둡게 · 표지 미리보기
 *  어두운 바탕(#2b2d31 · 칸 #1c1d21) — 글자 #f5f5f4 · 흐린 글자 #d6d3d1(대비 AA 이상) · 누르는 곳 32px 이상(간편 44px) · 넓은 화면은 칸 안에서 스크롤(미리보기가 너무 작아지지 않게) */
.ev2-pfxb { min-height: 32px; padding: 0 9px; border-radius: 999px; border: 1px solid #78716c; background: #1c1d21; color: #f5f5f4; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ev2-pfxb:hover { border-color: #d6d3d1; }
.ev2-pfxb.on { background: #f5f5f4; color: #1c1917; border-color: #f5f5f4; }
.ev2-pfxbs { display: inline-block; margin-left: 2px; padding: 0 6px; border-radius: 999px; background: #44403c; color: #fafaf9; font-size: 13px; line-height: 18px; }
.ev2-pfxb.on .ev2-pfxbs { background: #1c1917; color: #fde68a; }
.ev2-pfx { flex: 0 1 auto; min-height: 0; max-height: 46%; overflow: auto; overscroll-behavior: contain; margin: 0 0 6px; padding: 8px 10px 10px; border-radius: 10px; background: #1c1d21; color: #f5f5f4; border: 1px solid #57534e; font-size: 13px; box-sizing: border-box; }
.ev2-pfx.float { position: fixed; z-index: 69; right: 16px; top: 72px; width: min(440px, calc(100vw - 32px)); max-height: 70vh; margin: 0; padding: 10px 12px 12px; border-radius: 14px; box-shadow: 0 16px 40px rgba(0,0,0,.32); font-size: 14px; }
.ev2-pfx.float .ev2-pfxbody { grid-template-columns: minmax(0, 1fr); }
.ev2-pfx b:not([class]) { color: inherit; }
.ev2-pfx p, .ev2-pfx label, .ev2-pfx h3 { color: #f5f5f4; }
.ev2-pfxhd { display: flex; align-items: center; gap: 4px 8px; flex-wrap: wrap; margin-bottom: 6px; }
.ev2-pfxhd > b { font-size: 14px; }
.ev2-pfxx { margin-left: auto; min-width: 32px; min-height: 32px; border-radius: 8px; border: 1px solid #78716c; background: #2b2d31; color: #f5f5f4; font-size: 18px; line-height: 1; cursor: pointer; }
.ev2-pfxbody { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px 14px; }
.ev2-pfxs { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ev2-pfxh3 { margin: 0; font-size: 14px; font-weight: 700; color: #f5f5f4; }
.ev2-pfxm { color: #d6d3d1; font-size: 13px; font-weight: 400; }
.ev2-pfxlen, .ev2-pfxg { margin: 0; line-height: 1.45; }
.ev2-pfxg { color: #d6d3d1; }
.ev2-pfxok, .ev2-pfxwarn, .ev2-pfxbad { display: inline-block; padding: 0 7px; border-radius: 999px; font-size: 13px; line-height: 20px; }
.ev2-pfxok { background: #bbf7d0; color: #052e16; } .ev2-pfxwarn { background: #fde68a; color: #1c1917; } .ev2-pfxbad { background: #fecaca; color: #450a0a; }
.ev2-pfxr { display: flex; align-items: center; gap: 4px 6px; flex-wrap: wrap; min-width: 0; }
.ev2-pfxr .btn, .ev2-pfx .mseg button { min-height: 32px; height: auto; padding: 0 10px; font-size: 13px; }
.ev2-pfxi { min-width: 32px; padding: 0 6px !important; }
.ev2-pfxf { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.ev2-pfxf > span { font-weight: 600; white-space: nowrap; }
.ev2-pfxf input, .ev2-pfxf select { min-height: 32px; box-sizing: border-box; border-radius: 8px; border: 1px solid #a8a29e; background: #fafaf9; color: #1c1917; font: inherit; font-size: 14px; padding: 0 8px; }
.ev2-pfxf input[type="number"] { width: 84px; }
.ev2-pfxf.wide { display: flex; } .ev2-pfxf.wide input, .ev2-pfxf.wide select { flex: 1 1 auto; min-width: 0; width: 100%; }
.ev2-pfx .mseg { margin-left: 0; flex-wrap: wrap; }
.ev2-pfx .mseg button:disabled { opacity: .55; cursor: not-allowed; }
.ev2-pfxb:focus-visible, .ev2-pfxx:focus-visible, .ev2-pfx button:focus-visible, .ev2-pfx input:focus-visible, .ev2-pfx select:focus-visible { outline: 3px solid #93c5fd; outline-offset: 2px; }
.ev2-pfxexn { margin: 0 0 8px; }
/* 타임라인 — 이 플랫폼 판에서 잘려 나가는 곳 */
.ev2-pfxsh { position: absolute; top: 0; bottom: 0; z-index: 4; pointer-events: none; background: repeating-linear-gradient(135deg, rgba(28,25,23,.55) 0 6px, rgba(28,25,23,.38) 6px 12px); border-left: 2px solid #fde68a; border-right: 2px solid #fde68a; box-sizing: border-box; }
.ev2-pfxsh[data-ev2pfxsh="l"] { border-left: 0; } .ev2-pfxsh[data-ev2pfxsh="r"] { border-right: 0; }
/* 표지 미리보기 — 미리보기 위에 표지 그대로(그림 · 표지 글) */
.ev2-pfxov { z-index: 6; overflow: hidden; }
.ev2-pfxcimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ev2-pfxtt { position: absolute; inset: 0; }
.ev2-frame.ev2-pfxcov { outline: 3px dashed #93c5fd; outline-offset: 2px; }
html[data-mode="simple"] .ev2-pfxb, html[data-mode="simple"] .ev2-pfxx, html[data-mode="simple"] .ev2-pfxr .btn, html[data-mode="simple"] .ev2-pfx .mseg button, html[data-mode="simple"] .ev2-pfxf input, html[data-mode="simple"] .ev2-pfxf select { min-height: 44px; font-size: 16px; }
html[data-mode="simple"] .ev2-pfxi, html[data-mode="simple"] .ev2-pfxx { min-width: 44px; }
html[data-mode="simple"] .ev2-pfx { font-size: 15px; }
@media (max-width: 860px) { .ev2-pfx { max-height: none; } .ev2-pfxbody { grid-template-columns: minmax(0, 1fr); } }