/* PDF 페이지 번호 넣기 */

.pn-editor { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.pn-editor[hidden] { display: none; }
.pn-label { margin: 0 0 0.4rem; font-size: 0.8rem; font-weight: 700; color: var(--text-sub); }
.pn-page { display: flex; justify-content: center; padding: 0.75rem; background: var(--surface-2); border-radius: var(--radius); }
.pn-page canvas { max-width: 100%; height: auto; box-shadow: var(--shadow-lg); background: #fff; }
.pn-info { margin: 0.5rem 0 0; font-size: 0.8rem; color: var(--text-sub); word-break: break-all; }
.pn-controls { margin-top: 0; }
.pn-controls select, .pn-controls input[type=number] {
  min-height: 44px;
  padding: 0 0.7rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  font-size: 0.92rem;
}
.pn-controls input[type=number] { width: 7rem; font-family: var(--font-mono); }
.pn-controls input[type=color] { width: 60px; height: 44px; padding: 2px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); cursor: pointer; }
.pn-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.8rem; }
.pn-actions .btn { min-height: 44px; padding: 0 1.1rem; font-weight: 600; }
.pn-actions .btn:disabled { opacity: 0.55; }

@media (max-width: 720px) {
  .pn-editor { grid-template-columns: 1fr; }
}