/* 핀 편집기(스펙 4-2 §1) — 데스크톱 미리보기는 남는 높이에 맞추고, 모바일은 미리보기를 위에 고정한다. */
/* 2026-11-03 한눈 점검 — 미리보기가 남는 높이를 다 써서 Headline 칸이 첫 화면 아래(900px 화면에서 y≈830)에 있었다.
   19rem을 남겨 도구 줄·Text blocks 제목·Headline 칸까지 첫 화면에 들어오게 한다. */
.pe-dpin { width: 100%; max-width: min(28rem, calc((100dvh - 19rem) * 2 / 3)); }
.pe-mpreview { height: 33dvh; min-height: 190px; padding: 10px 0; }
.pe-mpin { height: 100%; aspect-ratio: 2 / 3; }
.pe-mpin > .pin { width: 100%; height: 100%; }
.pe-root[aria-busy="true"] .pe-busy { opacity: 1; }
.pe-busy { opacity: 0; transition: opacity 150ms ease-out; }
@media (max-width: 639px) { .pe-root input[type="range"] { height: 28px; } }