.certificate-intro{display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(125deg,#fffaf0,#f5f7fa);border:1px solid #e1d8c6;border-radius:18px;padding:28px;margin-bottom:24px}
.certificate-intro h2{font-size:25px;line-height:1.35;margin:8px 0;color:#172c46}.certificate-intro p{max-width:620px;line-height:1.7;color:#607185;margin:0}.certificate-intro>.button{flex-shrink:0}
.topper-choices{display:grid;gap:16px;margin:20px 0}.topper-choices fieldset{border:1px solid #ddd4bc;border-radius:12px;padding:18px;min-width:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.topper-choices legend{font-weight:600;color:#263c50;padding:0 8px}.topper-choices legend span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1e3be;color:#705423;margin-right:6px}.topper-confirm{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.7}.topper-confirm input{width:20px;height:20px;flex-shrink:0;margin-top:2px}
dialog.topper-dialog{width:min(1160px,calc(100% - 32px));max-width:calc(100% - 32px)}.topper-preview-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.topper-preview-controls .field{flex:1;min-width:220px}.topper-preview-window{overflow:auto;max-height:60vh;background:#e9edf1;border:1px solid #dfe5eb;border-radius:12px;overscroll-behavior:contain}.topper-preview-canvas{position:relative;width:100%;min-height:220px;overflow:hidden}.topper-preview-window iframe{position:absolute;top:0;left:0;display:block;border:0;width:1120px;height:790px;max-width:none;transform-origin:top left}
@media(max-width:900px){.certificate-intro{flex-direction:column;align-items:stretch;padding:22px}.certificate-intro h2{font-size:22px}.topper-choices fieldset{grid-template-columns:minmax(0,1fr);padding:14px}.topper-preview-controls{align-items:stretch;flex-direction:column}.topper-preview-controls .field{min-width:0}dialog.topper-dialog{padding:20px 16px;width:calc(100% - 24px);max-width:calc(100% - 24px)}}
.topper-reference-pages{padding:12px;display:grid;gap:16px}.topper-reference-pages canvas{display:block;width:100%;height:auto;background:white;box-shadow:0 2px 9px #172c4620}.topper-choices .topper-guardian{align-self:center;margin:0;overflow-wrap:anywhere}