.certificate-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:18px;align-items:start}
.certificate-form{margin-top:16px}
.inline-check{display:flex!important;align-items:center;gap:9px}
.inline-check input{width:auto;margin:0}
.certificate-storage-note{margin-top:14px;font-size:.82rem}
.certificate-preview-card{position:sticky;top:82px}
.certificate-preview{position:relative;overflow:hidden;aspect-ratio:1.414/1;background:#f5f1f3;border:1px dashed var(--border);border-radius:12px}
.certificate-preview>img,.certificate-preview>embed,.certificate-preview>iframe{display:block;width:100%;height:100%;object-fit:contain;border:0}
.certificate-name-preview{position:absolute;transform:translate(-50%,-50%);width:max-content;text-align:center;white-space:nowrap;line-height:1.1;overflow:hidden}
.certificate-placeholder{height:100%;display:grid;place-items:center;padding:30px;text-align:center;color:var(--muted)}
.certificate-file-status{display:block;margin-top:7px;color:var(--muted);font-weight:600}
.certificate-file-status.loading{color:var(--amber)}
.certificate-file-status.loaded{color:var(--green)}
.certificate-file-status.error{color:var(--red)}
@media(max-width:980px){.certificate-layout{grid-template-columns:1fr}.certificate-preview-card{position:static}}
.certificate-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.certificate-section h3{font-size:.9rem;color:var(--wine)}
.certificate-template-actions,.certificate-download-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.certificate-download-actions .button.primary{margin-left:auto}
.individual-certificate-view{height:min(68vh,760px);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.individual-certificate-view iframe{width:100%;height:100%;border:0}
.certificate-preview-error{color:var(--red)}