:root { --certificate-glow-soft: rgba(255,255,255,0.8); --certificate-glow-strong: rgba(255,255,255,0.9); --certificate-qr-shadow: rgba(0,0,0,0.12); }
.certificate-sheet { position: relative; overflow: hidden; container-type: inline-size; box-sizing: border-box; background-color: var(--surface); }
.certificate-sheet.orientation-landscape { aspect-ratio: 297 / 210; }
.certificate-sheet.orientation-portrait { aspect-ratio: 210 / 297; }
.custom-canvas { background-size: 100% 100%; background-repeat: no-repeat; background-position: center; user-select: none; }
.custom-canvas .layer-item { position: absolute; transform: translate(-50%, -50%); pointer-events: none; box-sizing: border-box; line-height: 1.2; }
.certificate-qr { width: 100%; height: 100%; object-fit: contain; display: block; }

.certificate-background { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }