/* UIV2 plan — 이 파일은 해당 화면 카드(W) 한 명만 고친다. 모든 규칙은 .ui-v2 아래에만 */
/* UIV2 W3 (진영 D-1023-24) — 03 대본 3안(03_plan3.png). plan.js 가 html.ui-v2 일 때만 .pl-v2s · .pl-v2-* 마크업을 그린다.
   글자 13/15/17/22/32 · 굵기 400/500/700 · 주 버튼은 아래 줄 [n안으로 영상 만들기] 하나 */

html.ui-v2 .pl-v2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 단계 표시(KRDS) — 원 28, 사이 선 32×2 */
html.ui-v2 .pl-v2-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;list-style:none;margin:16px 0 40px;padding:0}
html.ui-v2 .pl-v2-steps li{display:flex;align-items:center;gap:8px;font-size:15px;line-height:22.5px;font-weight:400;color:var(--text-2)}
html.ui-v2 .pl-v2-steps li+li::before{content:"";width:32px;height:2px;margin:0 12px;background:var(--accent);border-radius:1px}
html.ui-v2 .pl-v2-steps li.is-now+li::before,html.ui-v2 .pl-v2-steps li.is-left+li::before{background:var(--border)}
html.ui-v2 .pl-v2-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;box-sizing:border-box;border-radius:50%;font-size:13px;font-weight:700}
html.ui-v2 .pl-v2-steps .is-done .pl-v2-dot{background:var(--accent);color:var(--on-accent)}
html.ui-v2 .pl-v2-steps .is-now .pl-v2-dot{border:2px solid var(--accent);color:var(--accent);background:var(--surface)}
html.ui-v2 .pl-v2-steps .is-now{color:var(--accent);font-weight:700}
html.ui-v2 .pl-v2-steps .is-left .pl-v2-dot{background:var(--surface-2);color:var(--text-2)}

/* 제목 아래 — 화면 위 기관 줄·카드 틀은 걷어 내고 바탕 위에 바로 놓는다 */
html.ui-v2 .pl.pl-v2s .pl-org{display:none}
html.ui-v2 .pl.pl-v2s>h1{margin:0 0 12px;font-size:32px;line-height:42px;font-weight:700}
html.ui-v2 .pl.pl-v2s .pl-body>.pl-card{background:transparent;box-shadow:none;padding:0}
html.ui-v2 .pl.pl-v2s .pl-body>.pl-card>h2{display:none}
html.ui-v2 .pl-v2-cond{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html.ui-v2 .pl-v2-cond .v2-pill{background:var(--surface-2);color:var(--text-2);padding:4px 10px}
html.ui-v2 .pl-v2-link{all:unset;cursor:pointer;margin-left:4px;color:var(--accent);font-size:15px;line-height:22.5px;font-weight:700}
html.ui-v2 .pl-v2-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
html.ui-v2 .pl.pl-v2s .v2-todo{margin:12px 0 24px;font-size:15px;line-height:22.5px}
html.ui-v2 .pl-v2-condbox>summary{display:none}
html.ui-v2 .pl-v2-condbox[open]{margin:0 0 24px;padding:20px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-1)}
html.ui-v2 .pl-v2-gray{margin:0 0 16px;padding:0;font-size:13px;line-height:19.5px;color:var(--text-3);background:none;border:0}

/* 3열 안 카드 — 높이 맞춤, 고른 카드 테두리 2px 인디고 */
html.ui-v2 .pl.pl-v2s .pl-s3{display:block;margin-top:0}
html.ui-v2 .pl.pl-v2s .pl-variants{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;align-items:stretch}
html.ui-v2 .pl-v2-card{display:flex;flex-direction:column;gap:12px;padding:12px 12px 16px;border:2px solid transparent !important;border-radius:var(--r-md);cursor:pointer}
html.ui-v2 .pl-v2-card.is-picked{border-color:var(--accent) !important}
html.ui-v2 .pl-v2-card>*:not(.pl-v2-scenes){margin-left:8px;margin-right:8px}
html.ui-v2 .pl-v2-top{display:flex;align-items:center;gap:8px;}
html.ui-v2 .pl-v2-no{background:var(--accent-soft);color:var(--accent)}
html.ui-v2 .pl-v2-card.is-picked .pl-v2-no{background:var(--accent);color:var(--on-accent)}
html.ui-v2 .pl-v2-fmt{font-size:15px;line-height:22.5px;font-weight:500;color:var(--text-2)}
html.ui-v2 .pl-v2-on{display:none}
html.ui-v2 .pl-v2-card.is-picked .pl-v2-on{display:inline-flex}
html.ui-v2 .pl-v2-radio{margin:0 0 0 auto;width:24px;height:24px;accent-color:var(--accent);cursor:pointer}
html.ui-v2 .pl-v2-title{margin:0;font-size:17px;line-height:25.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 .pl-v2-hook{min-height:118px;box-sizing:border-box;padding:12px 16px;border-radius:var(--r-sm);background:var(--surface-2)}
html.ui-v2 .pl-v2-k{margin:0 0 4px;font-size:13px;line-height:19.5px;font-weight:400;color:var(--text-2)}
html.ui-v2 .pl-v2-hook .pl-line-k{display:none}
html.ui-v2 .pl-v2-hook .pl-line,html.ui-v2 .pl-v2-hook .pl-line>span,html.ui-v2 .pl-v2-hook .pl-edit{font-size:22px;line-height:31px;font-weight:700;color:var(--text-1)}
html.ui-v2 .pl-v2-hook .pl-edit{border-color:transparent;padding:0}
html.ui-v2 .pl-v2-hook .pl-edit:hover{background:var(--surface)}
html.ui-v2 .pl-v2-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;list-style:none;margin:0;padding:0}
html.ui-v2 .pl-v2-scene{border-radius:10px}
html.ui-v2 .pl-v2-scene img{position:absolute;inset:0}
html.ui-v2 .pl-v2-time{position:absolute;z-index:1;top:8px;left:8px;padding:2px 6px;border-radius:4px;background:var(--surface);color:var(--text-1);font-size:13px;line-height:19.5px;font-weight:700}
html.ui-v2 .pl-v2-sub{position:absolute;z-index:1;left:8px;right:8px;bottom:8px;color:#fff;font-size:13px;line-height:19.5px;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html.ui-v2 .pl-v2-log{margin:0;padding-bottom:12px;border-bottom:1px solid var(--border);font-size:15px;line-height:22.5px;color:var(--text-2)}
html.ui-v2 .pl-v2-why ul{margin:0;padding:0;list-style:none}
html.ui-v2 .pl-v2-why li{font-size:15px;line-height:22.5px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.ui-v2 .pl-v2-why li::before{content:"· "}
html.ui-v2 .pl-v2-fold{margin-top:auto}
html.ui-v2 .pl-v2-fold>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;list-style:none;cursor:pointer}
html.ui-v2 .pl-v2-fold>summary::-webkit-details-marker{display:none}
html.ui-v2 .pl-v2-meta{font-size:13px;line-height:19.5px;color:var(--text-2)}
html.ui-v2 .pl-v2-more{font-size:15px;line-height:22.5px;font-weight:700;color:var(--accent);text-align:right}
html.ui-v2 .pl-v2-more::after{content:" ⌄"}
html.ui-v2 .pl-v2-fold[open] .pl-v2-more::after{content:" ⌃"}
html.ui-v2 .pl-v2-fold>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
html.ui-v2 .pl-v2-inner{display:flex;flex-direction:column;gap:12px;margin-top:12px;cursor:auto;font-size:15px;line-height:22.5px}

/* 아래 2열 — 사실 확인 · 만드는 방법(W3B: 권리·걸린 시간 카드는 v2 에서 그리지 않는다) */
html.ui-v2 .pl.pl-v2s .pl-aside{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
html.ui-v2 .pl.pl-v2s .pl-panel{position:relative;padding:24px}
html.ui-v2 .pl.pl-v2s .pl-panel h3{margin:0 0 12px;font-size:17px;line-height:25.5px;font-weight:700}
html.ui-v2 .pl-v2-allok{position:absolute;top:22px;right:24px}
html.ui-v2 .pl.pl-v2s .pl-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
html.ui-v2 .pl.pl-v2s .pl-fact{position:relative;padding:0 0 0 32px;border:0;font-size:17px;line-height:25.5px;font-weight:500;flex-direction:row;flex-wrap:wrap;column-gap:8px}
html.ui-v2 .pl.pl-v2s .pl-fact::before{content:"✓";position:absolute;left:4px;top:0;color:var(--success);font-weight:700}
html.ui-v2 .pl.pl-v2s .pl-fact b,html.ui-v2 .pl.pl-v2s .pl-fact-v{font-weight:500}
html.ui-v2 .pl.pl-v2s .pl-fact b::after{content:" ·"}
html.ui-v2 .pl.pl-v2s .pl-fact .pl-meta{flex-basis:100%;font-size:13px;line-height:19.5px;font-weight:400;color:var(--text-2)}
html.ui-v2 .pl.pl-v2s .pl-fact-red{background:var(--danger-soft);padding:8px 8px 8px 32px;border-radius:var(--r-sm);box-shadow:none}
html.ui-v2 .pl.pl-v2s .pl-fact-red::before{content:"!";color:var(--danger)}

/* 하단 버튼 줄 — 왼쪽 요약, 오른쪽 약한 버튼 + 주 버튼 */
html.ui-v2 .pl-v2-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding:16px 24px}
html.ui-v2 .pl-v2-sumline{margin:0;font-size:17px;line-height:25.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 .pl-v2-sum .pl-v2-k{margin:0;font-size:15px;line-height:22.5px}
html.ui-v2 .pl-v2-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}
html.ui-v2 .pl-v2-yok{font-size:15px;line-height:22.5px}
html.ui-v2 .pl-v2-go:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed}
html.ui-v2 .pl-v2-msg{flex-basis:100%}
html.ui-v2 .pl-v2-msg:empty,html.ui-v2 .pl-v2-red[hidden]{display:none}
html.ui-v2 .pl-v2-ai{margin-top:48px;width:fit-content;max-width:100%;box-sizing:border-box}

/* 폰(768px 미만): 지금 모바일 배치 — 한 줄로 쌓는다 */
@media (max-width:767px){
  html.ui-v2 .pl.pl-v2s .pl-variants,html.ui-v2 .pl.pl-v2s .pl-aside{grid-template-columns:minmax(0,1fr)}
  html.ui-v2 .pl-v2-steps{margin-bottom:24px}
  html.ui-v2 .pl-v2-steps li+li::before{width:12px;margin:0 6px}
  html.ui-v2 .pl-v2-steps .pl-v2-steplabel{font-size:13px}
  html.ui-v2 .pl.pl-v2s>h1{font-size:22px;line-height:31px}
  html.ui-v2 .pl-v2-act{width:100%}
  html.ui-v2 .pl-v2-act>button{flex:1 1 auto}
}
/* 3안 위 옛 요약 줄·개발자 '자세히'는 시안에 없다 — 조건 알약·아래 요약 줄이 대신한다 */
html.ui-v2 .pl-v2-area>.pl-basis,html.ui-v2 .pl-v2-area>.pl-dev{display:none}
html.ui-v2 .pl-v2-info{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:2px;box-sizing:border-box;border:1.5px solid var(--ai);border-radius:50%;color:var(--ai);font:700 13px/1 Pretendard,system-ui,sans-serif}

/* UIV2 W3B(시안 03c) — 걸러진 안: 마지막 칸에 같은 높이 점선 상자 하나 */
html.ui-v2 .pl-v2-short{grid-column:-2/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;box-sizing:border-box;padding:24px;border:2px dashed var(--border);border-radius:var(--r-md);text-align:center}
html.ui-v2 .pl-v2-plus{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-1);font-size:22px;line-height:1;font-weight:400}
html.ui-v2 .pl-v2-short h3{margin:0;font-size:17px;line-height:25.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 .pl-v2-shortwhy{margin:0;max-width:30ch;font-size:15px;line-height:22.5px;color:var(--text-2)}
html.ui-v2 .pl-v2-short .pl-v2-link{margin:0;font-size:13px;line-height:19.5px;font-weight:400;color:var(--text-2);text-decoration:underline}
/* 만드는 방법 — [무료로 만들기](기본) / [AI로 영상 만들기] 2칸(W3C). 고른 칸은 is-base, 오늘 다 쓴 AI 칸은 is-off(흐리게) */
html.ui-v2 .pl-v2-ways{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
html.ui-v2 .pl-v2-wayrow{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:17px;line-height:25.5px;min-width:0;overflow-wrap:anywhere}
html.ui-v2 .pl-v2-waypick{display:flex;gap:8px;align-items:center;min-height:44px;margin:-8px 0;padding-right:56px;cursor:pointer}
html.ui-v2 .pl-v2-waypick>b{font-weight:700;color:var(--text-1)}
html.ui-v2 .pl-v2-wayradio{flex:none;width:20px;height:20px;margin:0;accent-color:var(--accent)}
html.ui-v2 .pl-v2-wayrow .pl-v2-k{margin:0}
html.ui-v2 .pl-v2-wayrow.is-base{border:1px solid var(--accent);background:var(--accent-soft)}
html.ui-v2 .pl-v2-wayrow.is-off .pl-v2-waypick,html.ui-v2 .pl-v2-wayrow.is-off>span.pl-v2-k{opacity:.55}   /* 이유 줄(.pl-v2-wayoff)은 흐리지 않는다 */
html.ui-v2 .pl-v2-wayrow.is-off .pl-v2-waypick{cursor:not-allowed}
html.ui-v2 .pl-v2-wayrow:focus-within{outline:2px solid var(--accent);outline-offset:2px}
html.ui-v2 .pl-v2-base{position:absolute;top:16px;right:16px;background:var(--accent);color:var(--on-accent)}
html.ui-v2 .pl-v2-waysample{align-self:flex-start;font-size:15px;line-height:22.5px}
html.ui-v2 .pl-nofacts{color:var(--text-3)}

/* UIV2 W13 (진영 D-1023-27, Figma 03-0) — 3안 위 근거 카드 줄. 접힌 한 줄 + [근거 보기] → 카드 한 줄(가로로 넘친 것은 이 줄 안에서만 밀린다) */
html.ui-v2 .pl-v2-ev{margin:0 0 24px;padding:20px;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-1)}
html.ui-v2 .pl-v2-ev[hidden]{display:none}
html.ui-v2 .pl-v2-evhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
html.ui-v2 .pl-v2-evline{margin:0;font-size:15px;line-height:22.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 .pl-v2-evsub{margin:2px 0 0;font-size:13px;line-height:19.5px;color:var(--text-3)}
html.ui-v2 .pl-v2-evtoggle{flex:none;font-size:13px;line-height:19.5px}
html.ui-v2 .pl-v2-evcards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:12px;margin:16px 0 0;padding:0 0 4px;list-style:none;overflow-x:auto}
html.ui-v2 .pl-v2-evcards[hidden]{display:none}
html.ui-v2 .pl-v2-evcard{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;background:var(--surface-2);border-radius:var(--r-md)}
html.ui-v2 .pl-v2-evcard.is-hypo{background:var(--warning-soft)}
html.ui-v2 .pl-v2-evcard p{margin:0}
html.ui-v2 .pl-v2-evtag .v2-pill{display:inline-block;padding:2px 8px;font-size:13px;line-height:19.5px;font-weight:700;background:var(--accent-soft);color:var(--accent)}
html.ui-v2 .pl-v2-evcard.is-hypo .pl-v2-evtag .v2-pill{background:var(--surface);color:var(--warning)}
html.ui-v2 .pl-evd-title{font-size:15px;line-height:22.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 .pl-evd-quote{font-size:13px;line-height:19.5px;font-weight:700;color:var(--text-1)}
html.ui-v2 .pl-evd-why{font-size:13px;line-height:19.5px;color:var(--text-2)}
html.ui-v2 .pl-v2-evmeta{margin-top:auto !important;font-size:13px;line-height:19.5px;color:var(--text-3)}
html.ui-v2 .pl-v2-evmeta a{color:var(--accent);font-weight:700;text-decoration:none}
html.ui-v2 .pl-v2-evmeta a:hover{text-decoration:underline}
html.ui-v2 .pl-v2-evmeta a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
html.ui-v2 .pl-v2-evfoot{margin:16px 0 0;font-size:13px;line-height:19.5px;color:var(--text-3)}