/* 인쇄·홍보물 «내 파일·빈 판으로 시작» 형태 창(.pdl-formmodal) — card/includes/print_design_list.inc 에 있던 것을 그대로 옮김(2026-11-13 대표님 52142)
 * 셀프 청첩장·초대장·감사장·연하장 목록(card/includes/self_list.inc)도 같은 창을 쓴다 — 한 곳만 고치면 둘 다 바뀐다. */
/* (48523) 형태 창 — 사이트 화면엔 편집기 CSS(editor.css · html·body 잠금)를 실을 수 없어, 편집기 «제작 사양 변경» 창(editor/css/editor.css .ed-modal · .ed-factoryb-production-*)과
   같은 모양을 이 창에만 옮긴다(디자인 상세 창 card/css/design-gallery.css .ncs-preview 와 같은 방식). 값은 편집기 그대로 · 글자는 손님 글자 토큰(PC 15 이상 · 대표님 42954). */
.pdl-formmodal:not([hidden]) { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,0.5); }
.pdl-formmodal .ed-modal-card { display: flex; flex-direction: column; width: min(680px, calc(100vw - 32px)); max-height: min(760px, calc(100vh - 48px)); overflow: hidden; border: 1px solid var(--bj-line); border-radius: 16px; background: #fff; box-shadow: 0 18px 48px rgba(0, 0, 0, .24); }
.pdl-formmodal .ed-modal-card:focus { outline: none; }
/* 사이트 공용 규칙이 창 안에 닿지 않게 — 폰 사이트 바닥(footer) 어두운 바탕 · 칸 가운데 좁힘(섹션 정렬) */
.pdl-formmodal .ed-modal-card { align-items: stretch; margin: 0; }
.pdl-formmodal .ed-modal-card > *, .pdl-formmodal .ed-factoryb-production-option-list { width: auto; max-width: none; margin: 0; align-self: stretch; }   /* 사이트 css.css «div { margin: 0 auto }»가 본문을 가운데로 좁혔다 */
.pdl-formmodal .pdl-pk-size__row { margin: 0; }   /* 자유형 크기 칸 — 사이트 div 가운데 여백 빼기 */
.pdl-formmodal footer.ed-modal-actions { position: static; height: auto; min-height: 0; margin: 0; background: #fff; color: var(--bj-ink); }
.pdl-formmodal .ed-modal-header { display: flex; align-items: center; justify-content: space-between; min-height: 60px; padding: 0 20px; border-bottom: 1px solid var(--bj-line); }
.pdl-formmodal .ed-modal-header h3 { margin: 0; font-size: var(--bj-type-subsection); font-weight: 700; line-height: 1.4; color: var(--bj-ink); }
.pdl-formmodal .ed-factoryb-production-modal-close { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-right: -8px; border: 0; border-radius: 10px; background: transparent; color: var(--bj-ink); cursor: pointer; }
.pdl-formmodal .ed-factoryb-production-modal-body { display: flex; flex-direction: column; gap: 24px; padding: 22px 20px 20px; overflow-y: auto; }
.pdl-formmodal .ed-factoryb-production-picker { min-width: 0; margin: 0; padding: 0; border: 0; }
.pdl-formmodal .ed-factoryb-production-picker legend { width: 100%; margin: 0 0 10px; padding: 0; font-size: var(--bj-type-control); font-weight: 700; color: var(--bj-ink); }
.pdl-formmodal .ed-factoryb-production-option-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pdl-formmodal .ed-factoryb-production-option { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr) 18px; gap: 12px; align-items: center; min-height: 82px; padding: 12px; border: 1px solid var(--bj-line); border-radius: 12px; background: #fff; color: var(--bj-ink); font: inherit; text-align: left; cursor: pointer; transition: border-color .14s ease, background-color .14s ease; }
.pdl-formmodal .ed-factoryb-production-option:hover { border-color: var(--bj-line-strong); background: var(--bj-paper); }
.pdl-formmodal .ed-factoryb-production-option.is-selected { border-color: var(--bj-ink); box-shadow: inset 0 0 0 1px var(--bj-ink); }
.pdl-formmodal .ed-factoryb-production-option:focus-visible, .pdl-formmodal .ed-factoryb-production-modal-close:focus-visible { outline: 2px solid var(--bj-ink); outline-offset: 2px; }
.pdl-formmodal .ed-factoryb-production-option-media { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; overflow: hidden; border: 1px solid var(--bj-line); border-radius: 9px; background: var(--bj-paper); }
.pdl-formmodal .ed-factoryb-production-option-media svg { color: var(--bj-muted); }
.pdl-formmodal .ed-factoryb-production-option.is-selected .ed-factoryb-production-option-media svg { color: var(--bj-ink); }
.pdl-formmodal .pdl-formprice { margin-left: auto; font-weight: 700; color: var(--bj-ink); }
.pdl-formmodal .ed-factoryb-production-option-media > span { width: 22px; height: 28px; border: 1px solid var(--bj-line); border-radius: 2px; background: #fff; box-shadow: 5px 5px 0 #e7eaed; }
.pdl-formmodal .ed-factoryb-production-option-copy { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.pdl-formmodal .ed-factoryb-production-option-copy strong { overflow: hidden; font-size: var(--bj-type-control); font-weight: 700; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.pdl-formmodal .ed-factoryb-production-option-copy small { display: block; font-size: var(--bj-type-control); font-weight: 400; line-height: 1.45; color: var(--bj-muted); word-break: keep-all; }
.pdl-formmodal .ed-factoryb-production-option-check { width: 18px; height: 18px; box-sizing: border-box; border: 1px solid var(--bj-line-strong); border-radius: 999px; }
.pdl-formmodal .ed-factoryb-production-option.is-selected .ed-factoryb-production-option-check { border: 5px solid var(--bj-ink); }
.pdl-formmodal .ed-modal-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 20px; border-top: 1px solid var(--bj-line); }
.pdl-formmodal .ed-modal-actions > button { min-width: 112px; min-height: 44px; padding: 0 16px; border: 1px solid transparent; border-radius: 10px; background: transparent; font: inherit; font-size: var(--bj-type-control); font-weight: 600; color: var(--bj-ink); cursor: pointer; }
.pdl-formmodal .ed-modal-actions > .ed-factoryb-production-apply { border-color: var(--bj-ink); background: var(--bj-ink); color: #fff; font-weight: 700; }
@media (max-width: 640px) {
	.pdl-formmodal:not([hidden]) { align-items: flex-end; padding: 0; }
	.pdl-formmodal .ed-modal-card { width: 100%; max-height: min(86vh, 760px); border-width: 1px 0 0; border-radius: 18px 18px 0 0; }
	.pdl-formmodal .ed-factoryb-production-modal-body { padding: 16px; }
	.pdl-formmodal .ed-factoryb-production-option-list { grid-template-columns: minmax(0, 1fr); }
	.pdl-formmodal .ed-factoryb-production-option { min-height: 76px; }
	.pdl-formmodal .ed-modal-actions { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); padding: 12px 16px max(12px, env(safe-area-inset-bottom)); }
	.pdl-formmodal .ed-modal-actions > button { width: 100%; min-width: 0; }
}
/* (2026-11-14 대표님 52519 «옹색해») 방향/모서리 = 위 «형태» 칸과 같은 칸(.ed-factoryb-production-option) · 라디오는 칸 안에 감춤(칸 전체가 누름 자리) ·
   크기 = «크기» 제목 + 두 칸 격자 · 칸 폭 가득 · 안내 한 줄은 칸 아래. 폰에서도 두 칸 나란히(짧은 값이라 한 줄씩 쌓지 않음) */
.pdl-formmodal .pdl-formopt .ed-factoryb-production-option { min-height: 0; cursor: pointer; }
.pdl-formmodal .pdl-formopt input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.pdl-formmodal .pdl-formopt .ed-factoryb-production-option:focus-within { outline: 2px solid var(--bj-ink); outline-offset: 2px; }
.pdl-formmodal .pdl-formsize__field { display: flex; flex-direction: column; gap: var(--bj-space-1); margin: 0; font-size: var(--bj-type-control); font-weight: 700; color: var(--bj-ink); }
.pdl-formmodal .pdl-formsize__field span { font: inherit; }
.pdl-formmodal .pdl-formsize__field input { width: 100%; min-height: 52px; box-sizing: border-box; padding: 0 var(--bj-space-2); border: 1px solid var(--bj-line-strong); border-radius: 10px; background: #fff; font: inherit; font-weight: 400; color: var(--bj-ink); }
.pdl-formmodal .pdl-formsize__field input:focus { outline: 2px solid var(--bj-ink); outline-offset: 0; border-color: var(--bj-ink); }
.pdl-formmodal .pdl-formsize__note { margin: var(--bj-space-2) 0 0; font-size: var(--bj-type-control); line-height: 1.5; color: var(--bj-muted); word-break: keep-all; }
.pdl-formmodal .pdl-formsize__note span { font: inherit; }
@media (max-width: 640px) { .pdl-formmodal .pdl-formopt--two.ed-factoryb-production-option-list, .pdl-formmodal .pdl-formsize .ed-factoryb-production-option-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* (52605) 크기 칸 아래 = 범위 밖일 때만 빨간 한 줄(.pdl-pk-size__bad) · 예상 금액이 없으면 금액 줄 자리도 비움 */
.pdl-formmodal .pdl-formsize .pdl-pk-size__bad { margin: var(--bj-space-2) 0 0; font-size: var(--bj-type-control); }
.pdl-formmodal .pdl-formsize__note:empty { display: none; }