/* 상세 변환(pagelab) 편집기 — 2026-10-04 */
#view-pagelab.wrap{padding:0;max-width:none}
.pl-list{padding:22px 26px 60px;max-width:1280px}
.pl-hint{color:var(--sub);font-size:12.5px;line-height:1.6}
.pl-new{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:16px 18px}
.pl-new input,.pl-new select{border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:13px;min-width:220px}
.pl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:14px}
.pl-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.pl-card .th{height:150px;background:#eef1f6 center top/cover no-repeat;cursor:pointer}
.pl-card .bd{padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.pl-card .nm{font-weight:800;font-size:13.5px}
.pl-card .mt{font-size:11.5px;color:var(--sub)}
.pl-card .ac{display:flex;gap:5px;margin-top:6px}
.pl-chip{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:20px;background:var(--bg);color:var(--sub)}
.pl-chip.warn{background:var(--amber-bg);color:#9a5b00}
.pl-chip.red{background:var(--red-bg);color:#b3261e}
.pl-chip.ok{background:var(--green-bg);color:#0d7a43}

/* 원본 올리기 */
.pl-setup{padding:22px 26px 60px;max-width:1100px}
.pl-drop{border:2px dashed #c7cfe0;border-radius:14px;padding:30px;text-align:center;color:var(--sub);background:#fafbfe;cursor:pointer}
.pl-drop.over{border-color:var(--brand);background:var(--soft)}
.pl-srcs{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.pl-src{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.pl-src img{width:60px;height:80px;object-fit:cover;object-position:top;border-radius:6px;background:#eee}
.pl-src .nm{flex:1;min-width:0;font-size:12.5px}
.pl-src .nm b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-prog{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--soft);font-size:12.5px}

/* 편집기 */
.pl-ed{display:flex;flex-direction:column;height:calc(100vh - 52px);background:#e9ecf2}
.pl-top{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap;position:relative;z-index:3}
.pl-top .grp{display:flex;align-items:center;gap:4px;padding:0 6px;border-left:1px solid var(--line)}
.pl-top .grp:first-child{border-left:none;padding-left:0}
.pl-top input.nm{border:1px solid transparent;border-radius:7px;padding:5px 7px;font-weight:800;font-size:13.5px;width:220px}
.pl-top input.nm:hover,.pl-top input.nm:focus{border-color:var(--line)}
.pl-top select{border:1px solid var(--line);border-radius:7px;padding:5px 6px;font-size:12px}
.pl-top .btn{padding:5px 9px;font-size:12px;border-radius:7px}
.pl-top .lbl{font-size:11.5px;color:var(--sub);font-weight:700}
.pl-top input[type=range]{width:90px}
.pl-save{font-size:11.5px;color:var(--sub);margin-left:auto;white-space:nowrap}
.pl-save.dirty{color:#9a5b00}.pl-save.err{color:var(--red);font-weight:700}
.pl-body{flex:1;display:flex;min-height:0}
.pl-left{width:250px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.pl-left h4,.pl-right h4,.pl-ai h4{font-size:11px;font-weight:800;color:var(--sub);letter-spacing:.04em;padding:10px 12px 6px;display:flex;align-items:center;gap:6px}
.pl-left h4 .sp,.pl-right h4 .sp,.pl-ai h4 .sp{flex:1}
.pl-secs{overflow:auto;max-height:42%;border-bottom:1px solid var(--line);padding-bottom:6px}
.pl-layers{overflow:auto;flex:1;padding-bottom:10px}
.pl-row{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;cursor:pointer;border-left:3px solid transparent;user-select:none}
.pl-row:hover{background:#f5f7fb}
.pl-row.on{background:var(--soft);border-left-color:var(--brand)}
.pl-row.hid{opacity:.45}
.pl-row .ty{width:18px;height:18px;border-radius:4px;background:#eef1f6;color:#4b5563;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pl-row .ty.t{background:#e8efff;color:#2f5bea}.pl-row .ty.i{background:#e6f6ec;color:#15a05a}.pl-row .ty.g{background:#fdf3e1;color:#b7791f}.pl-row .ty.s{background:#f3e8ff;color:#7e22ce}
.pl-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-row .ic{opacity:.5;font-size:11px;padding:0 2px;border:none;background:none}
.pl-row .ic:hover{opacity:1}
.pl-row .ic.act{opacity:1;color:var(--brand)}
.pl-row.drop-before{box-shadow:inset 0 2px 0 var(--brand)}
.pl-row.drop-after{box-shadow:inset 0 -2px 0 var(--brand)}
.pl-row .num{font-size:10.5px;color:var(--faint);width:18px;text-align:right}
.pl-row .tag{font-size:9.5px;font-weight:800;padding:0 5px;border-radius:9px}
.pl-row .tag.r{background:var(--red-bg);color:#b3261e}.pl-row .tag.a{background:var(--amber-bg);color:#9a5b00}.pl-row .tag.g{background:var(--green-bg);color:#0d7a43}

.pl-cv{flex:1;overflow:auto;position:relative;min-width:0}
.pl-stage{position:relative;transform-origin:0 0;padding:28px 0 120px}
.pl-secwrap{position:relative;margin:0 auto 26px;display:flex;gap:28px;align-items:flex-start;justify-content:center}
.pl-seclabel{position:absolute;left:0;top:-22px;font-size:12px;font-weight:800;color:#5b6478;display:flex;gap:6px;align-items:center;white-space:nowrap}
.pl-seclabel .chip{font-weight:700}
.pl-secbox{position:relative;width:860px;box-shadow:0 1px 3px rgba(0,0,0,.18);background:#fff}
.pl-secbox.on{outline:2px solid #94a9f5;outline-offset:2px}
.pl-secbox.hid{opacity:.35}
.pl-orig{position:absolute;left:0;top:0;width:860px;pointer-events:none;overflow:hidden}
.pl-orig img{position:absolute;left:0;width:860px;display:block}
.pl-origside{position:relative;width:860px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.18);background:#fff}
.pl-origside img{position:absolute;left:0;width:860px}
.pl-origside .cap{position:absolute;top:-22px;left:0;font-size:12px;font-weight:800;color:#8a93a6}
.pl-ov{position:absolute;inset:0;pointer-events:none}
.pl-selbox{position:absolute;outline:1.5px solid #2f5bea;pointer-events:none}
.pl-selbox.multi{outline-style:dashed}
.pl-hov{position:absolute;outline:1px solid rgba(47,91,234,.55);pointer-events:none}
.pl-h{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid #2f5bea;pointer-events:auto;margin:-5px 0 0 -5px;box-sizing:border-box}
.pl-guide{position:absolute;background:#f43f5e;pointer-events:none}
.pl-guide.v{width:1px;top:0;bottom:0}.pl-guide.h{height:1px;left:0;right:0}
.pl-marquee{position:absolute;border:1px dashed #2f5bea;background:rgba(47,91,234,.08);pointer-events:none}
.pl-splitline{position:absolute;left:-8px;right:-8px;height:0;border-top:2px dashed #f43f5e;pointer-events:none}
.pl-splitline span{position:absolute;right:0;top:-20px;background:#f43f5e;color:#fff;font-size:11px;padding:1px 6px;border-radius:4px}
.plr-l.editing{outline:2px solid #f59e0b;cursor:text}
.plr-l.editing .plr-tx{cursor:text}
.pl-cv.mode-split,.pl-cv.mode-ocr{cursor:crosshair}

.pl-rcol{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);min-height:0}
.pl-right{flex:1;min-height:0;background:#fff;overflow:auto}
.pl-ai{flex-shrink:0;max-height:55%;overflow:auto;border-bottom:2px solid var(--line);background:#fbfaff}
.pl-pg{padding:4px 12px 12px;border-bottom:1px solid var(--line)}
.pl-rhead{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:4px;padding:9px 12px;background:#fff;border-bottom:1px solid var(--line);font-size:13px}
.pl-rhead .sp{flex:1}
.pl-rhead .btn.on{background:var(--soft);border-color:#9fb3f5;color:var(--brand)}
.pl-grp>summary{list-style:none;cursor:pointer;user-select:none;font-size:12px;font-weight:800;color:#374151;padding:9px 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line)}
.pl-grp>summary::-webkit-details-marker{display:none}
.pl-grp>summary::before{content:'';width:0;height:0;border-left:5px solid #9aa3b2;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .12s}
.pl-grp[open]>summary::before{transform:rotate(90deg)}
.pl-grp>summary:hover{background:#f7f8fb}
.pl-grp[open]>summary{border-bottom:none;padding-bottom:3px}
.pl-gtag{font-size:10px;font-weight:800;padding:1px 6px;border-radius:9px;background:var(--amber-bg);color:#9a5b00}
.pl-f .btn,.pl-st .btn{flex-shrink:0;white-space:nowrap}
.pl-f{display:flex;align-items:center;gap:6px;margin:5px 0;font-size:12px}
.pl-f>label{width:62px;color:var(--sub);font-size:11.5px;flex-shrink:0}
.pl-f input[type=number],.pl-f input[type=text],.pl-f select{border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:12px;width:100%;min-width:0}
.pl-f input[type=number]{width:64px}
.pl-f input[type=color]{width:30px;height:26px;border:1px solid var(--line);border-radius:6px;padding:1px;background:#fff;flex-shrink:0}
.pl-f input[type=range]{flex:1}
.pl-f .u{font-size:11px;color:var(--faint)}
.pl-grid4{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.pl-grid4 .pl-f>label{width:16px}
.pl-ta{width:100%;border:1px solid var(--line);border-radius:7px;padding:7px 8px;font-size:13px;line-height:1.5;min-height:74px;resize:vertical;font-family:inherit}
.pl-btns{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}
.pl-btns .btn{padding:4px 8px;font-size:11.5px;border-radius:6px}
.pl-btns .btn.on{background:var(--soft);border-color:#9fb3f5;color:var(--brand)}
.pl-orig-text{font-size:11.5px;color:var(--sub);background:#f7f8fb;border-radius:7px;padding:6px 8px;white-space:pre-wrap;line-height:1.5}
.pl-thumb{width:100%;max-height:160px;object-fit:contain;background:#f1f3f7;border-radius:8px;display:block}
.pl-note{font-size:11px;color:var(--sub);line-height:1.5}
.pl-warnbox{font-size:11.5px;background:var(--amber-bg);color:#7a4a00;border-radius:7px;padding:6px 8px;margin:6px 0;line-height:1.5}
.pl-seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.pl-seg button{border:none;background:#fff;padding:4px 8px;font-size:11.5px;font-weight:700;color:var(--sub)}
.pl-seg button.on{background:var(--brand);color:#fff}
.pl-kbd{font-size:10.5px;color:var(--faint);line-height:1.7;padding:8px 12px}

/* 모달 */
.pl-modal{position:fixed;inset:0;background:rgba(15,20,35,.45);z-index:50;display:flex;align-items:center;justify-content:center}
.pl-modal .box{background:#fff;border-radius:14px;width:min(980px,94vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.pl-modal .hd{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-weight:800}
.pl-modal .hd .sp{flex:1}
.pl-modal .bd{padding:14px 18px;overflow:auto}
.pl-libgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.pl-libgrid .it{border:1px solid var(--line);border-radius:9px;overflow:hidden;cursor:pointer;background:#fff}
.pl-libgrid .it:hover{border-color:var(--brand)}
.pl-libgrid img{width:100%;height:130px;object-fit:contain;background:#f5f6f9;display:block}
.pl-libgrid .cap{font-size:10.5px;padding:4px 6px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-exp-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px}
.pl-exp-files a{display:block;text-decoration:none;color:var(--ink);font-size:11px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pl-exp-files img{width:100%;height:150px;object-fit:cover;object-position:top;display:block;background:#f5f6f9}
.pl-exp-files span{display:block;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-cmp{display:flex;gap:16px;align-items:flex-start;justify-content:center}
.pl-cmp figure{margin:0;text-align:center;font-size:12px;color:var(--sub)}
.pl-cmp img{width:430px;display:block;border:1px solid var(--line);margin-top:4px}

/* 쉬운 글자 조절 */
.pl-stbox{margin:4px 0 6px}
.pl-st{display:flex;align-items:center;gap:4px;margin:6px 0;font-size:12px}
.pl-st label{width:46px;flex-shrink:0;color:var(--sub);font-weight:700}
.pl-st input[type=range]{flex:1;min-width:60px;accent-color:var(--brand)}
.pl-stb{width:26px;height:26px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:15px;font-weight:800;line-height:1;cursor:pointer;flex-shrink:0;user-select:none}
.pl-stb:hover{border-color:var(--brand);color:var(--brand)}
.pl-stv{width:58px;border:1px solid var(--line);border-radius:6px;padding:4px 5px;font-size:12px;text-align:right;flex-shrink:0}
.pl-st input[type=color]{width:30px;height:26px;border:1px solid var(--line);border-radius:6px;padding:1px;background:#fff}
.pl-swrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 4px 50px}
.pl-swrow span{font-size:10.5px;color:var(--faint);width:100%;margin-bottom:-1px}
.pl-sw{width:20px;height:20px;border-radius:5px;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}
.pl-sw.on{outline:2px solid var(--brand);outline-offset:1px}

/* AI 지시창 */
.pl-chips{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.pl-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 9px;font-size:11.5px;cursor:pointer;color:var(--sub)}
.pl-chip:hover{border-color:var(--brand);color:var(--brand)}
.pl-aiprop{margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}
.pl-aihd{font-weight:800;font-size:12px;margin-bottom:2px}
.pl-airow{border-top:1px solid var(--line);padding:6px 0;font-size:12px}
.pl-airow.off{opacity:.45}
.pl-airow label{display:flex;align-items:center;gap:4px;cursor:pointer}
.pl-aikv{margin:3px 0 0 20px;color:var(--sub)}
.pl-aikv span{display:inline-block;min-width:44px;color:var(--faint)}
.pl-aitx{margin:4px 0 0 20px;font-size:12px;white-space:pre-wrap}
.pl-aitx .o{color:var(--faint);text-decoration:line-through}
.pl-aitx .n{color:#111;font-weight:700;margin-top:2px}
.pl-aiph{display:flex;align-items:center;gap:8px;margin:6px 0 0 20px}
.pl-aiph figure{margin:0;flex:1;min-width:0;text-align:center}
.pl-aiph img{width:100%;max-height:180px;object-fit:contain;border-radius:6px;background:#eee}
.pl-aiph figcaption{font-size:11px;color:var(--faint);margin-top:2px}
.pl-dot{display:inline-block;width:10px;height:10px;border-radius:3px;border:1px solid rgba(0,0,0,.2);margin-right:3px;vertical-align:-1px}
.pl-warn{color:#c2410c;font-size:11px;margin-left:20px}

/* 변환 진행 */
.pl-convov{position:fixed;inset:0;background:rgba(20,20,30,.35);display:flex;align-items:center;justify-content:center;z-index:9000}
.pl-convov .box{background:#fff;border-radius:14px;padding:26px 30px;min-width:360px;max-width:460px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.pl-convov b{font-size:16px}
.pl-convov .st{margin-top:8px;font-size:13px;color:var(--sub)}

/* 모바일(폭 760 이하): 3단 → 세로로 쌓기. 캔버스 먼저, 그 아래 섹션·레이어, 맨 아래 AI·속성 */
@media (max-width:760px){
  #view-pagelab.wrap{padding-left:6px;padding-right:6px}
  .pl-ed{height:auto}
  .pl-top{gap:4px;padding:6px}
  .pl-top .grp{padding:0 4px;flex-wrap:wrap}
  .pl-top input.nm{width:150px}
  .pl-save{margin-left:0}
  .pl-body{flex-direction:column}
  .pl-cv{order:-1;flex:none;height:68vh;border-bottom:1px solid var(--line)}
  .pl-left{width:auto;border-right:none;border-bottom:1px solid var(--line)}
  .pl-secs{max-height:30vh}
  .pl-layers{flex:none;max-height:40vh}
  .pl-rcol{width:auto;border-left:none}
  .pl-ai{max-height:none}
  .pl-h{width:22px;height:22px;margin:-11px 0 0 -11px;touch-action:none}
  .pl-convov .box{min-width:0;width:88vw;padding:20px 16px}
  .pl-stage{padding-bottom:40px}
}
/* 손가락 화면: 고른 칸을 끌면 스크롤 대신 이동 */
@media (pointer:coarse){
  .pl-selbox{pointer-events:auto;touch-action:none}
}

/* ── 첫 화면 모드 전환 */
.pl-modes{display:inline-flex;background:#eef1f7;border-radius:10px;padding:3px;margin:4px 0 14px}
.pl-modes button{border:none;background:none;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:700;color:var(--sub);cursor:pointer}
.pl-modes button.on{background:#fff;color:var(--ink,#111);box-shadow:0 1px 3px rgba(0,0,0,.12)}

/* ── 한 장씩 바꾸기 */
.plo-new{display:flex;flex-direction:column;gap:9px;max-width:760px;margin-bottom:16px}
.plo-drop{border:2px dashed #c9d2e6;border-radius:12px;padding:22px 14px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:4px;background:#fafbfe}
.plo-drop.over{border-color:var(--brand);background:var(--soft)}
.plo-drop b{font-size:14px}.plo-drop span{font-size:12px;color:var(--sub)}
.plo-picked{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.plo-picked img{height:70px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.plo-row{display:flex;gap:6px}.plo-row select{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:13px}
.plo-new textarea{min-height:52px}
.plo-colors{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.plo-pal{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.plo-c{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--sub);font-weight:700}
.plo-c input{width:34px;height:30px;border:1px solid var(--line);border-radius:7px;padding:1px;background:#fff}
.plo-item{margin-bottom:14px;padding:14px}
.plo-hd{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}
.plo-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plo-pair figure{margin:0;background:#f3f5f9;border-radius:10px;padding:8px;min-width:0}
.plo-pair figcaption{font-size:11.5px;font-weight:800;color:var(--sub);margin-bottom:6px}
.plo-pair img{width:100%;display:block;border-radius:6px}
.plo-wait{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--sub);text-align:center;padding:10px}
.plo-vers{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}
.plo-vers button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:3px 9px;font-size:11.5px;cursor:pointer}
.plo-vers button.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.plo-item details{margin-top:8px;font-size:12.5px}.plo-item summary{cursor:pointer;font-weight:700}
.plo-item ul{margin:6px 0 0 18px}.plo-item table{margin-top:6px;border-collapse:collapse;font-size:12px}
.plo-item td{padding:3px 6px;border-bottom:1px solid #eef0f4;vertical-align:top}
.plo-fix{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.plo-fix input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:13px}
.plo-edit{font-size:14px;padding:9px 18px}

/* ── 미리캔버스형 편집기 */
.pl-ed.mc{background:#f1f3f7}
.mc-top{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}
.mc-top input.nm{border:1px solid transparent;border-radius:7px;padding:6px 8px;font-weight:800;font-size:14px;width:240px}
.mc-top input.nm:hover,.mc-top input.nm:focus{border-color:var(--line)}
.mc-top .btn{padding:6px 11px;font-size:12.5px;border-radius:8px}
.mc-top .pl-save{margin-left:auto}
.mc-sep{width:1px;height:22px;background:var(--line);margin:0 4px}
.mc-ov{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sub);font-weight:700}.mc-ov input{width:90px}
.mc-body{flex:1;display:flex;min-height:0}
.mc-rail{width:68px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:8px 0;gap:2px}
.mc-rail button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0;font-size:11px;color:#4b5468;cursor:pointer;font-weight:600}
.mc-rail button i{font-style:normal;font-size:18px;line-height:1;font-weight:800}
.mc-rail button:hover{background:#f4f6fb}
.mc-rail button.on{color:var(--brand);background:#eef3ff}
.mc-drawer{width:280px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);overflow:auto;min-height:0}
.mc-drawer.shut{display:none}
.mc-dp{padding:14px}
.mc-dp h5{font-size:13px;font-weight:800;margin:0 0 10px;display:flex;align-items:center;gap:6px}.mc-dp h5 .sp{flex:1}
.mc-dp .pl-ai{max-height:none;border:none;background:none}
.mc-dp[data-p="ai"]{padding:0}
.mc-add{display:block;width:100%;border:1px solid var(--line);background:#f7f8fb;border-radius:9px;padding:12px;margin-bottom:8px;text-align:left;cursor:pointer;font-size:13px}
.mc-add:hover{border-color:var(--brand);background:#fff}
.mc-add.t1{font-size:20px;font-weight:800}.mc-add.t2{font-size:16px;font-weight:700}.mc-add.t3{font-size:13px}
.mc-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mc-shapes button{aspect-ratio:1;border:1px solid var(--line);background:#f7f8fb;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mc-shapes button b{display:block;width:60%;height:60%;background:#8b95b3}
.mc-dp .pl-layers{max-height:none}
.mc-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}
.mc-ctx{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#fff;border-bottom:1px solid var(--line);min-height:48px;flex-wrap:wrap;position:relative;z-index:4}
.mc-ctx>.sp{flex:1}
.mc-ctx select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12.5px;background:#fff}
.mc-ctx .mc-font{width:150px}
.mc-ctx .btn{padding:6px 10px;font-size:12.5px;border-radius:8px}
.mc-hint{font-size:12.5px;color:var(--sub)}
.mc-size{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.mc-size .pl-stb{border:none;background:#fff;width:28px;height:30px;font-size:15px;cursor:pointer}
.mc-size .pl-stv{width:54px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;height:30px;font-size:12.5px}
.mc-col{position:relative;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.mc-col span{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.mc-col input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.mc-al button{font-size:12px}
.mc-pop{position:relative}
.mc-pop>summary{list-style:none;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12.5px;cursor:pointer;background:#fff;white-space:nowrap}
.mc-pop>summary::-webkit-details-marker{display:none}
.mc-pop>summary::after{content:' ▾';color:var(--faint)}
.mc-pop[open]>summary{border-color:var(--brand);color:var(--brand)}
.mc-popb{position:absolute;top:38px;left:0;z-index:20;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(20,30,60,.18);padding:12px;min-width:240px}
.mc-pop.wide .mc-popb{min-width:330px}
.mc-ic{min-width:0}
.pl-ed.mc .pl-seclabel{display:none}
.mc-pop.rt .mc-popb{left:auto;right:0}
.pl-ed.mc .pl-cv{flex:1}
.pl-ed.mc .pl-stage{padding:34px 0 60px}
.pl-ed.mc .pl-secbox{box-shadow:0 2px 14px rgba(20,30,60,.16)}
.mc-zoom{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:5}
.mc-zoom button{border:none;background:none;padding:5px 9px;font-size:13px;cursor:pointer;border-radius:7px}.mc-zoom button:hover{background:#f1f3f7}
.mc-zoom span{font-size:12px;width:44px;text-align:center;color:var(--sub)}

@media (max-width:760px){
  .plo-pair{grid-template-columns:1fr 1fr;gap:6px}.plo-pair figure{padding:5px}
  .plo-fix input{min-width:0;width:100%}
  .pl-ed.mc{height:calc(100vh - 60px)}
  .mc-top{gap:4px;padding:6px}.mc-top input.nm{width:120px}.mc-ov{display:none}.mc-top #plSide,.mc-top #plVers,.mc-sep{display:none}
  .mc-body{flex-direction:column}
  .mc-rail{order:3;width:auto;flex-direction:row;border-right:none;border-top:1px solid var(--line);padding:0}
  .mc-rail button{flex:1;padding:7px 0}
  .mc-drawer{order:2;width:auto;max-height:42vh;border-right:none;border-top:1px solid var(--line)}
  .mc-main{order:1;flex:1;min-height:0}
  .mc-ctx{flex-wrap:nowrap;overflow-x:auto;padding:6px}
  .mc-ctx .mc-font{width:110px}
  .mc-ctx>*{flex-shrink:0}
  .pl-ed.mc .pl-h{width:12px;height:12px;margin:-6px 0 0 -6px}
  .mc-popb{position:fixed;left:8px;right:8px;top:auto;bottom:70px;min-width:0!important;max-height:50vh;overflow:auto}
  .pl-ed.mc .pl-cv{order:0;flex:1;height:auto;border-bottom:none}
}

/* ── 한 장씩 바꾸기(쉽게, 10/4) */
.plo .plo-new{max-width:860px}
.plo-step{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.plo-step>b{width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.plo-step>span:first-of-type{font-weight:800;min-width:54px}
.plo-step select{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:13px;min-width:200px}
.plo-step select.need{border-color:#e0473e;box-shadow:0 0 0 3px rgba(224,71,62,.15)}
.plo .plo-drop{padding:34px 14px;margin-top:4px}
.plo .plo-drop b{font-size:15px}
.plo-more summary{cursor:pointer;font-size:12.5px;color:var(--sub);font-weight:700}
.plo-more textarea{margin-top:6px;min-height:50px;width:100%}
.plo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.plo-card{padding:12px;display:flex;flex-direction:column;gap:8px;margin:0}
.plo-card .plo-hd{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.plo-chk{font-size:12px;margin-left:auto}
.plo-chk summary{cursor:pointer;color:#9a5b00;font-weight:800;background:var(--amber-bg,#fdf3e1);border-radius:20px;padding:2px 9px;list-style:none}
.plo-chk summary::-webkit-details-marker{display:none}
.plo-chk ul{margin:6px 0 0 16px;max-width:300px}
.plo-body{position:relative;background:#f3f5f9;border-radius:10px;overflow:hidden}
.plo-main img.plo-res,.plo-main video.plo-res{width:100%;display:block;cursor:pointer}
.plo-orig{position:absolute;left:8px;top:8px;width:26%;margin:0;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.35);border-radius:6px;overflow:hidden;background:#fff;transition:width .15s}
.plo-orig:hover{width:62%}
.plo-orig img{width:100%;display:block}
.plo-orig figcaption{position:absolute;left:0;top:0;background:rgba(0,0,0,.6);color:#fff;font-size:10.5px;font-weight:700;padding:1px 6px;border-bottom-right-radius:6px}
.plo-acts{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}
.plo-acts>.btn{padding:8px 14px;text-decoration:none}
.plo-menu{position:relative}
.plo-menu>summary{list-style:none;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12.5px;cursor:pointer;background:#fff}
.plo-menu>summary::-webkit-details-marker{display:none}
.plo-menub{position:absolute;right:0;top:38px;z-index:10;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(20,30,60,.18);padding:10px;width:320px;display:flex;flex-direction:column;gap:8px;font-size:12.5px}
.plo-ask{display:flex;gap:6px}.plo-ask input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12.5px}
.plo-vers span{font-size:11.5px;color:var(--sub);margin-right:4px}
.plo-wait span{font-size:11.5px;color:var(--faint)}
@media (max-width:760px){
  .plo-grid{grid-template-columns:1fr}
  .plo-step select{min-width:0;flex:1 1 100%;order:3}
  .plo-step #ploCustom{order:4}
  .pl-modes button{white-space:nowrap;font-size:12px;padding:7px 10px}
  .plo-menub{position:fixed;left:8px;right:8px;top:auto;bottom:12px;width:auto}
}

/* ── 여러 장 묶어 상세페이지(10/5) */
.plo-pages{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.plo-pages>b{font-size:13px;margin-right:4px}
.plo-page{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;padding:5px 10px 5px 5px;cursor:pointer;text-align:left;font-size:12.5px;font-weight:700}
.plo-page:hover{border-color:var(--brand)}
.plo-page img{width:34px;height:46px;object-fit:cover;border-radius:5px}
.plo-page small{display:block;font-weight:500;color:var(--sub);font-size:11px}
.plo-pickbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#eef3ff;border:1px solid #c9d7fb;border-radius:10px;padding:9px 12px;margin-bottom:12px;position:sticky;top:8px;z-index:6;font-size:12.5px}
.plo-pickbar.off{background:none;border:none;padding:0;position:static}
.plo-pickbar .sp{flex:1}.plo-pickbar>span{color:var(--sub)}
.plo-grid.picking .plo-card{cursor:pointer}
.plo-grid.picking .plo-card .plo-acts{display:none}
.plo-grid.picking .plo-card.nopick{opacity:.45}
.plo-card{position:relative}
.plo-card.picked{outline:3px solid var(--brand);outline-offset:-1px}
.plo-num{position:absolute;right:-8px;top:-8px;z-index:5;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.mc-secs .pl-row{padding:9px 8px;border-radius:8px;cursor:grab;font-size:12.5px}

/* ── 상세페이지 조립 보기(10/5) — static/pagelab_board.js. 가운데 이어 붙인 한 장, 왼쪽 바꿔 둔 이미지, 아래 페이지 띠 */
.plb{display:flex;flex-direction:column;height:calc(100vh - 52px);background:#f1f3f7;min-height:420px}
.plb-top{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}
.plb-top .sp{flex:1}
.plb-top input.nm{border:1px solid transparent;border-radius:7px;padding:6px 8px;font-weight:800;font-size:14px;width:260px;min-width:0;background:none}
.plb-top input.nm:hover,.plb-top input.nm:focus{border-color:var(--line);background:#fff}
.plb-top .btn{padding:6px 11px;font-size:12.5px;border-radius:8px;text-decoration:none}
.plb-top .btn:disabled{opacity:.45;cursor:default}
.plb-top .pl-seg button{padding:6px 10px;font-size:12px;cursor:pointer}
.plb-top .pl-chip{cursor:default;white-space:nowrap}
.plb-zv{font-size:11.5px;color:var(--sub);min-width:38px;text-align:right;font-variant-numeric:tabular-nums}
.plb-body{flex:1;display:flex;min-height:0}
.plb-side{width:214px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:10px 10px 0}
.plb-side h5{margin:0 0 2px;font-size:13px;font-weight:800;display:flex;align-items:baseline;gap:6px}
.plb-sidehint{margin-bottom:8px}
.plb-items{flex:1;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;padding-bottom:12px}
.plb-item{position:relative;border:1px solid var(--line);background:#f3f5f9;border-radius:8px;padding:0;overflow:hidden;cursor:grab;height:132px;display:block}
.plb-item:hover{border-color:var(--brand);box-shadow:0 0 0 2px var(--soft)}
.plb-item img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;pointer-events:none}
.plb-item.off{opacity:.5;cursor:default}
.plb-item i{position:absolute;left:4px;bottom:4px;font-style:normal;font-size:10.5px;font-weight:800;border-radius:20px;padding:1px 7px;background:rgba(17,24,39,.78);color:#fff;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plb-item i.used{left:auto;right:4px;top:4px;bottom:auto;background:var(--brand)}
.plb-noimg{display:flex;align-items:center;justify-content:center;height:100%;font-size:11.5px;color:var(--sub)}
.plb-cv{flex:1;min-width:0;overflow:auto;padding:18px 18px 30px;position:relative}
.plb-cv.over{background:#e3eaff;outline:2px dashed var(--brand);outline-offset:-6px}
.plb-page{position:relative;margin:0 auto;background:#fff;box-shadow:0 2px 16px rgba(20,30,60,.18)}
.plb-page.empty{background:none;box-shadow:none;width:auto!important}
.plb-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:70px 16px;text-align:center;color:var(--sub);font-size:13px}
.plb-empty b{font-size:15px;color:var(--ink)}
.plb-slot{position:relative;cursor:grab;user-select:none;-webkit-user-select:none}
.plb-scale{position:absolute;left:0;top:0;width:860px;transform-origin:0 0;pointer-events:none;overflow:hidden}
.plb-bad{display:flex;align-items:center;justify-content:center;background:#f3f5f9;color:var(--sub);font-size:40px}
.plb-slot::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2}
.plb-slot:hover::after{box-shadow:inset 0 0 0 2px #9fb3f5}
.plb-slot.sel::after{box-shadow:inset 0 0 0 3px var(--brand)}
.plb-slot.moving{opacity:.35}
.plb-slot.hid .plb-scale{opacity:.4}
.plb-no{position:absolute;right:100%;top:0;margin-right:6px;font-size:11px;font-weight:800;color:var(--sub);background:#fff;border:1px solid var(--line);border-radius:20px;min-width:22px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 5px;z-index:3;pointer-events:none}
.plb-slot.sel .plb-no,.plb-slot:hover .plb-no{background:var(--brand);border-color:var(--brand);color:#fff}
.plb-hidchip{position:absolute;left:6px;bottom:6px;z-index:3;font-size:10.5px;font-weight:800;background:rgba(17,24,39,.78);color:#fff;border-radius:20px;padding:1px 8px}
.plb-ins{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:6;width:24px;height:24px;border-radius:50%;border:none;background:var(--brand);color:#fff;font-size:17px;font-weight:700;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:0}
.plb-slot.sel>.plb-ins{display:flex}
@media (hover:hover){.plb-page:not(.tools-bar) .plb-slot:hover>.plb-ins,.plb-page:not(.tools-bar) .plb-slot:hover>.plb-tools{display:flex}}
.plb-page.tools-out .plb-ins{left:auto;right:100%;transform:translate(-36px,-50%)}
.plb-page.tiny:not(.tools-out) .plb-ins{display:none!important}
.plb-tools{position:absolute;right:6px;top:6px;z-index:5;display:none;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 12px);background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:10px;padding:4px;box-shadow:0 6px 20px rgba(20,30,60,.2)}
.plb-slot.sel>.plb-tools{display:flex}
/* 페이지가 좁아 도구가 이미지를 가릴 때(모바일·작은 창의 전체 보기): 고른 이미지의 도구를 화면 아래 막대로 */
.plb-page.tools-bar .plb-slot.sel>.plb-tools{position:fixed;left:50%;right:auto;top:auto;bottom:var(--plb-bar,12px);transform:translateX(-50%);z-index:40;max-width:calc(100vw - 16px);width:max-content;justify-content:center}
.plb-page.tools-bar .plb-more>div{top:auto;bottom:calc(100% + 4px)}
.plb-slot.sel>.plb-tools{z-index:7}
.plb-page.tools-out .plb-tools{right:auto;left:100%;top:0;margin-left:10px;max-width:none;flex-wrap:nowrap;white-space:nowrap}
.plb-page.tools-out .plb-slot::before{content:'';position:absolute;left:100%;top:0;width:12px;height:100%}
.plb-tools button,.plb-more>summary{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:700;cursor:pointer;color:var(--ink);white-space:nowrap;list-style:none}
.plb-more>summary::-webkit-details-marker{display:none}
.plb-tools button:hover:not(:disabled),.plb-more>summary:hover{border-color:var(--brand);color:var(--brand)}
.plb-tools button.pri{background:var(--brand);border-color:var(--brand);color:#fff}
.plb-tools button.pri:hover{color:#fff;background:var(--brand-d)}
.plb-tools button:disabled{opacity:.4;cursor:default}
.plb-more{position:relative}
.plb-more>div{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(20,30,60,.2);padding:6px;display:flex;flex-direction:column;gap:4px;z-index:9}
.plb-pend{position:relative;background:#eef1f7;min-height:92px;border-top:1px dashed #b9c4dd;border-bottom:1px dashed #b9c4dd;box-sizing:border-box}
.plb-pend>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.22;filter:grayscale(1)}
.plb-pendbox{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:6px;font-size:12px;color:var(--sub)}
.plb-pendbox b{font-size:12.5px;color:var(--ink)}
.plb-pendbox .mimind{width:min(160px,70%)}
.plb-pend.err{background:#fdecea}.plb-pend.err b{color:#b3261e}
.plb-page.tiny .plb-pendbox{left:100%;right:auto;width:max-content;max-width:min(240px,40vw);margin-left:10px;align-items:flex-start;text-align:left;padding:0;z-index:4}
.plb-page.tiny .plb-pendbox .mimind{width:120px}
.plb-page.tiny .plb-pend{background:repeating-linear-gradient(135deg,#e3e8f3 0 8px,#f1f3f8 8px 16px)}
.plb-end{width:max(100%,300px);position:relative;left:50%;transform:translateX(-50%);padding-top:10px;background:#f1f3f7}
.plb-endbtn{width:100%;border:2px dashed #c0cae0;background:#fafbfe;border-radius:12px;padding:14px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;align-items:center;color:var(--ink)}
.plb-endbtn:hover{border-color:var(--brand);background:var(--soft)}
.plb-endbtn b{font-size:13.5px}.plb-endbtn span{font-size:11.5px;color:var(--sub);line-height:1.5}
.plb-line{position:absolute;left:-14px;right:-14px;height:4px;background:var(--brand);border-radius:4px;z-index:8;pointer-events:none;box-shadow:0 0 0 2px #fff}
.plb-ghost{position:fixed;z-index:99;pointer-events:none;background:var(--brand);color:#fff;font-size:12px;font-weight:800;border-radius:8px;padding:5px 10px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
body.plb-dragging,body.plb-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
body.plb-dragging .plb-tools,body.plb-dragging .plb-ins{display:none!important}
.plb-strip{background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:8px 12px}
.plb-pgs{display:flex;gap:8px;overflow-x:auto;flex:1;min-width:0;padding:2px}
.plb-pg{flex:0 0 auto;width:84px;border:2px solid var(--line);background:#fff;border-radius:10px;padding:4px;cursor:pointer;display:flex;flex-direction:column;gap:3px;text-align:left}
.plb-pg:hover{border-color:#9fb3f5}
.plb-pg.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--soft)}
.plb-pg .th{display:block;height:64px;border-radius:6px;overflow:hidden;background:#f3f5f9}
.plb-pg .th img{display:block;width:100%}
.plb-pg .th em{display:flex;align-items:center;justify-content:center;height:100%;font-style:normal;font-size:11px;color:var(--faint)}
.plb-pg.add .th em{font-size:26px;color:var(--sub)}
.plb-pg .nm{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.plb-pg .nm b{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;margin-right:4px;padding:0 3px}
.plb-pg.on .nm b{background:var(--brand)}
.plb-pg small{font-size:10px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plb-pg.add{border-style:dashed;align-items:stretch}.plb-pg.add .nm{text-align:center;color:var(--sub)}
.plb-pgacts{display:flex;gap:6px;align-items:center;flex-shrink:0}
@media (max-width:760px){
  .plb{height:auto;min-height:0}
  .plb-top{gap:4px;padding:6px}.plb-top input.nm{width:100%;order:-1;flex:1 1 100%}.plb-top .sp{display:none}.plb-zv{display:none}
  .plb-body{flex-direction:column}
  .plb-cv{order:1;max-height:68vh;min-height:300px;padding:12px 12px 20px}
  .plb-side{order:2;width:auto;border-right:none;border-top:1px solid var(--line);padding:8px}
  .plb-items{display:flex;overflow-x:auto;overflow-y:hidden;flex:none;padding-bottom:6px}
  .plb-item{flex:0 0 78px;height:108px}
  .plb-page:not(.tiny) .plb-no{right:auto;left:4px;top:4px;margin:0}
  .plb-strip{flex-direction:column;align-items:stretch;gap:6px}.plb-pgs{flex:none}
  .plb-tools button,.plb-more>summary{padding:7px 10px}
}
.plb-top .btn[hidden]{display:none}

.plo-say{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 8px;font-size:14px}
.plo-say b{font-weight:800}
#ploAp{max-width:340px}
.plb-no{white-space:nowrap;padding:0 7px}

/* 한 장씩 바꾸기: 프로젝트(묶음) 줄 */
.plo-grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.plo-grp>b{font-size:13px}
.plo-grp .pl-seg{flex-wrap:wrap}
.plo-grp .pl-seg button i{font-style:normal;opacity:.6;font-size:11px;margin-left:2px}
.plo-mv{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}
.plo-mv select{flex:1;min-width:0}