.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:rgb(var(--color-primary));color:#fff}.certificate-editor.main-container .cert-btn-primary:hover{background-color:rgb(var(--color-primary) / .9)}.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:rgb(var(--color-success));color:#fff}.certificate-editor.main-container .cert-btn-success:hover{background-color:rgb(var(--color-success) / .9)}.certificate-editor.main-container .cert-btn-danger{background-color:rgb(var(--color-danger));color:#fff}.certificate-editor.main-container .cert-btn-danger:hover{background-color:rgb(var(--color-danger) / .9)}.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:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary) / .1)}.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:rgb(var(--color-primary));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:rgb(var(--color-primary) / .9)}.certificate-editor.main-container .tab-btn-delete{background:rgb(var(--color-danger))}.certificate-editor.main-container .tab-btn-delete:hover{background:rgb(var(--color-danger) / .9)}.certificate-editor.main-container .tab-btn-editor{background:rgb(var(--color-success))}.certificate-editor.main-container .tab-btn-editor:hover{background:rgb(var(--color-success) / .9)}.certificate-editor.main-container .tab-btn-test{background:rgb(var(--color-warning))}.certificate-editor.main-container .tab-btn-test:hover{background:rgb(var(--color-warning) / .9)}