.qr-page .preview-comparison{ width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.qr-page .preview-column{ min-width: 0; }
.qr-page .preview-column-title{ display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: #444; }
.qr-page .comparison-stage{ position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 10px; background: #f4f3f0; }
.qr-page .print-stage{ background: #faf9f6; box-shadow: inset 0 0 0 1px #efeeeb; }
.qr-page .comparison-stage .material-preview{ width: 100%; height: 100%; }
.qr-page .comparison-stage .qr-placeholder{ min-height: 0; height: 100%; box-sizing: border-box; padding: 12px; font-size: 12px; }
.qr-page .comparison-caption{ display: block; margin-top: 8px; font-size: 11px; line-height: 1.5; color: #777; }
.qr-page .scene-crop{ position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; }
.qr-page .scene-crop .scene-image{ position: absolute; max-width: none; }
.qr-page .scene-trigger{ cursor: zoom-in; }
.qr-page .scene-zoom{ position: absolute; right: 7px; bottom: 7px; padding: 3px 7px; border-radius: 8px; background: rgba(0, 0, 0, .55); color: #fff; font-size: 11px; }
.qr-page .scene-reference-note{ grid-column: 1 / -1; font-size: 11px; line-height: 1.5; color: #888; }
.qr-page .scene-lightbox{ position: fixed; inset: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .88); padding: 20px; box-sizing: border-box; }
.qr-page .scene-dialog{ width: min(100%, calc((100vh - 150px) * .75), 640px); width: min(100%, calc((100dvh - 150px) * .75), 640px); color: #fff; }
.qr-page .scene-dialog-heading{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; font-size: 15px; }
.qr-page .scene-close{ margin: 0; padding: 4px 12px; border: 0; border-radius: 16px; background: #fff; color: #333; font-size: 13px; line-height: 24px; }
.qr-page .scene-close::after{ border: 0; }
.qr-page .scene-large{ border-radius: 12px; }
.qr-page .scene-dialog-note{ display: block; margin-top: 12px; font-size: 12px; line-height: 1.5; color: #ddd; text-align: center; }