.certificate-container{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{padding:.5rem;border:1px solid var(--border-color);border-radius:6px}.template-picker{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;padding:1rem}.template-option{padding:1rem 1.5rem;background:#fff;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;text-align:center}.template-option.active{border-color:var(--primary-color);background:#e3f2fd}.template-option h4{margin:0}.template-option p{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.preview-section{display:flex;justify-content:center;padding:1rem;background:var(--color-bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:auto}.preview-section canvas{max-width:100%;border:1px solid #eee;box-shadow:0 4px 20px #0000001a}.action-bar{display:flex;justify-content:center;gap:1rem}.privacy-note{text-align:center;padding:1rem;color:var(--text-secondary);font-size:.875rem}