/* Non-destructive spine artwork preview. Geometry controls remain independent. */
.spine-live-preview{margin-top:12px;padding:12px;border:1px solid #4a5560;border-radius:8px}
.spine-live-images{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
.spine-live-images figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;color:#c9c2b6}
.spine-live-frame{position:relative;overflow:hidden;width:68px;height:180px;border:1px solid #817365;border-radius:3px;background:#d9d2c8;box-shadow:4px 4px 8px #0008}
.spine-live-frame img{width:100%;height:100%;display:block;object-fit:fill;max-width:none;transform-origin:center}
#spine-live-message{margin:9px 0;font-size:12px}
#spine-live-preview button{margin-top:4px}
#preview figure:has(img[alt="S 등록 이미지"]) {position:relative}
#preview figure:has(img[alt="S 등록 이미지"])::after{content:'미리보기는 왼쪽 책등 보정 설정과 연동';display:block;max-width:130px;font-size:11px;color:#b8a28c;margin-top:4px}
#preview img[alt="S 등록 이미지"]{transform:scaleX(var(--ryu-live-spine-zoom,1));transform-origin:center;object-fit:fill;transition:transform .12s ease}