/* 핀 편집기(스펙 4-2 §1) — 데스크톱 미리보기는 남는 높이에 맞추고, 모바일은 미리보기를 위에 고정한다. */
.pe-dpin { width: 100%; max-width: min(28rem, calc((100dvh - 13rem) * 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; } }