.certificate-editor.main-container .cert-editor-container{display:grid;grid-template-columns:3fr 1fr;gap:1.5rem;margin-top:2rem}.certificate-editor.main-container .cert-canvas-area,.certificate-editor.main-container .cert-control-panel{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.certificate-editor.main-container .cert-canvas{border:1px solid #ccc;max-width:100%;display:block}.certificate-editor.main-container .cert-text-elements{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.certificate-editor.main-container button,.certificate-editor.main-container .cert-btn-primary,.certificate-editor.main-container .cert-btn-secondary{width:100%;padding:.5rem;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem}.certificate-editor.main-container .cert-btn-primary{background-color:#3b82f6;color:#fff}.certificate-editor.main-container .cert-btn-primary:hover{background-color:#2563eb}.certificate-editor.main-container .cert-btn-secondary{background-color:#6b7280;color:#fff}.certificate-editor.main-container .cert-btn-secondary:hover{background-color:#4b5563}.certificate-editor.main-container .cert-btn-success{background-color:#10b981;color:#fff}.certificate-editor.main-container .cert-btn-success:hover{background-color:#059669}.certificate-editor.main-container .cert-btn-danger{background-color:#ef4444;color:#fff}.certificate-editor.main-container .cert-btn-danger:hover{background-color:#dc2626}.certificate-editor.main-container .cert-properties{margin-top:1rem}.certificate-editor.main-container .cert-form-group{margin-bottom:.75rem}.certificate-editor.main-container .cert-form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:#374151}.certificate-editor.main-container .cert-form-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}.certificate-editor.main-container .cert-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.certificate-editor.main-container .cert-divider{border:none;border-top:1px solid #e5e7eb;margin:1rem 0}.certificate-editor.main-container .cert-section-title{font-weight:600;margin-bottom:1rem;color:#111827}@media (max-width: 1024px){.certificate-editor.main-container .cert-editor-container{grid-template-columns:1fr;gap:1rem}.certificate-editor.main-container .cert-canvas{width:100%;height:auto}}.certificate-editor.main-container .tab-btn-edit,.certificate-editor.main-container .tab-btn-editor,.certificate-editor.main-container .tab-btn-delete,.certificate-editor.main-container .tab-btn-test{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.75rem;margin:0 2px}.certificate-editor.main-container .tab-btn-edit:hover,.certificate-editor.main-container .tab-btn-editor:hover,.certificate-editor.main-container .tab-btn-test:hover{background:#2563eb}.certificate-editor.main-container .tab-btn-delete{background:#ef4444}.certificate-editor.main-container .tab-btn-delete:hover{background:#dc2626}.certificate-editor.main-container .tab-btn-editor{background:#10b981}.certificate-editor.main-container .tab-btn-editor:hover{background:#059669}.certificate-editor.main-container .tab-btn-test{background:#f59e0b}.certificate-editor.main-container .tab-btn-test:hover{background:#d97706}