/* Homepage-only, isolated from the approved cover and the full shrine UI. */
.home-shrine-preview { margin: 0; min-width: 0; overflow: hidden; border: 1px solid var(--ทองมงคล); border-radius: 18px; background: var(--ดำหมึก); box-shadow: 0 14px 48px #0005; }
.home-shrine-preview__stage { position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #292621; }
.home-shrine-preview__stage > img, .home-shrine-preview__canvas, .home-shrine-preview__canvas canvas { width: 100%; height: 100%; display: block; }
.home-shrine-preview__stage > img { object-fit: cover; }
.home-shrine-preview__canvas { position: absolute; inset: 0; }
.home-shrine-preview__canvas[hidden], .home-shrine-preview [hidden] { display: none; }
.home-shrine-preview__canvas canvas { touch-action: pan-y; cursor: grab; outline-offset: -4px; }
.home-shrine-preview__canvas canvas:active { cursor: grabbing; }
.home-shrine-preview__close { position: absolute; z-index: 2; top: 12px; right: 12px; padding: 8px 12px; font: inherit; color: var(--ตัวอักษร); background: #141312ee; border: 1px solid var(--ทองมงคล); border-radius: 10px; cursor: pointer; }
.home-shrine-preview__caption { padding: 18px 20px; }
.home-shrine-preview__caption .ปุ่ม { margin: 0 0 10px; padding: 11px 20px; font: inherit; cursor: pointer; }
.home-shrine-preview__caption .ปุ่ม:disabled { cursor: wait; opacity: .7; }
.home-shrine-preview__status { margin: 0; color: var(--ตัวอักษรรอง); font-size: .9rem; min-height: 2.8em; }
@media (max-width: 720px) { .home-shrine-preview__stage { aspect-ratio: 5 / 4; } }