.certificate-preview { margin-top: 24px; }
.certificate-preview-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.certificate-preview-badge { padding:8px 12px; border:1px solid #d6b76f; color:#d6b76f; font-size:12px; white-space:nowrap; }
.certificate-figure { margin:20px 0; max-width:480px; }
.certificate-preview-gallery { display:grid; grid-template-columns:minmax(0,480px) minmax(0,300px); gap:32px; align-items:start; }
.certificate-preview-gallery h3 { color:#d6b76f; font-size:18px; font-weight:400; margin:0 0 14px; }
.certificate-preview-gallery .silver-reward-figure h3 { color:#d6d9dc; }
.silver-reward-art { display:flex; justify-content:center; height:226px; }
.silver-reward-art img { display:block; max-width:100%; height:100%; width:auto; object-fit:contain; }
.silver-reward-figure figcaption { color:#b8c1ca; }
.certificate-art { position:relative; container-type:inline-size; border:1px solid #8c764d; }
.certificate-art img { display:block; width:100%; height:auto; }
.certificate-sample { position:absolute; top:3%; left:28%; padding:5px 10px; background:#151409e8; color:#f1d594; font:600 1.15cqw/1.5 monospace; letter-spacing:.05em; }
.certificate-wallet-stamp { position:absolute; right:1.5%; bottom:2.1%; width:25.2%; height:6.7%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#211709; font:600 1cqw/1.12 monospace; }
.certificate-preview .certificate-wallet-stamp small { font:.65cqw/1.12 monospace; letter-spacing:.15em; margin:0 0 .25cqw; color:#211709; }
.certificate-preview .certificate-wallet-stamp span { display:block; white-space:nowrap; font:600 1cqw/1.12 monospace; margin:0; color:#211709; }
.certificate-figure figcaption { margin-top:14px; color:#d6b76f; font:12px/1.6 monospace; overflow-wrap:anywhere; }
.certificate-preview-form { display:flex; align-items:end; gap:16px; max-width:680px; }
.certificate-preview-form label { display:grid; flex:1; gap:10px; min-width:0; color:#b9b8a9; font-size:13px; }
.certificate-preview-form input { box-sizing:border-box; width:100%; min-width:0; padding:14px; background:#0b0e09; border:1px solid #585742; color:#eee; font:13px monospace; }
.certificate-preview-form input:focus { outline:1px solid #d6b76f; outline-offset:2px; }
.certificate-preview-form button { margin:0; min-height:46px; }
@media(max-width:700px) { .certificate-preview-gallery { grid-template-columns:1fr; gap:4px; } .silver-reward-figure { width:100%; max-width:480px; } .silver-reward-art { justify-content:flex-start; height:210px; } }
@media(max-width:600px) { .certificate-preview-heading,.certificate-preview-form { flex-direction:column; align-items:stretch; } .certificate-preview-badge { align-self:start; } .certificate-preview-form button { align-self:start; } }