.cert-designer{color:#211d19}.cert-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:flex}.cert-heading h2{margin:4px 0 10px;font-size:30px}.cert-heading p{color:#62564e;max-width:650px;line-height:1.6}.cert-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cert-library{background:#fff;border:1px solid #e2d9cf;border-radius:12px;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:22px;padding:22px;display:flex}.cert-library label{flex:1;min-width:180px}.cert-revision{color:#62564e;padding-bottom:12px;font-size:12px}.cert-designer label{flex-direction:column;gap:7px;margin-bottom:12px;font-size:13px;font-weight:650;display:flex}.cert-designer input,.cert-designer select,.cert-designer textarea{font:inherit;color:#211d19;background:#fff;border:1px solid #d6c7b9;border-radius:6px;width:100%;min-height:40px;padding:10px;font-weight:400}.cert-designer input[type=color]{height:40px;padding:4px}.cert-designer input[type=checkbox]{accent-color:#9c3e0a;width:17px;height:17px;min-height:0}.cert-designer .cert-check{flex-direction:row;align-items:center;gap:8px;margin:0 0 10px;font-weight:500}.cert-workspace{grid-template-columns:290px minmax(0,1fr);gap:22px;display:grid}.cert-controls{background:#fff;border:1px solid #e2d9cf;border-radius:12px;align-self:start;padding:18px}.cert-controls details{border-bottom:1px solid #e2d9cf;margin-bottom:18px;padding:0 0 18px}.cert-controls details:last-child{border-bottom:0;margin-bottom:0}.cert-designer summary{cursor:pointer;margin-bottom:16px;font-size:15px;font-weight:750}.cert-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cert-field-list{flex-direction:column;gap:5px;max-height:250px;display:flex;overflow:auto}.cert-field-list button{text-align:left;color:#211d19;cursor:pointer;background:#faf6f1;border:1px solid #0000;border-radius:5px;padding:8px;font-size:12px}.cert-field-list .selected{color:#9c3e0a;background:#fff0df;border-color:#9c3e0a}.cert-text-button{color:#9c3e0a;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:12px 0;font-size:13px;text-decoration:underline}.cert-hint{color:#62564e;font-size:12px!important;line-height:1.65!important}.cert-preview-pane{min-width:0}.cert-preview-toolbar{background:#fff;border:1px solid #e2d9cf;border-radius:10px;flex-wrap:wrap;align-items:center;gap:18px;padding:14px;display:flex}.cert-preview-toolbar label{margin:0!important}.cert-preview-toolbar>label:last-child{flex-direction:row;align-items:center}.cert-preview-status{color:#62564e;padding:14px 0;font-size:13px}.cert-scroll{background:#e9e2da;border:1px solid #d6c7b9;border-radius:10px;max-height:760px;padding:18px;overflow:auto}.cert-stage{touch-action:none;background:#fff;min-width:420px;position:relative;box-shadow:0 5px 20px #211d1922}.cert-stage canvas{width:100%;height:100%;display:block}.cert-box{cursor:move;touch-action:none;background:0 0;border:1px dashed #9c3e0a66;padding:0;position:absolute}.cert-box.selected{background:#fa812711;border:2px solid #9c3e0a}.cert-box span{color:#fff;white-space:nowrap;opacity:0;background:#9c3e0a;padding:1px 4px;font-size:9px;line-height:12px;position:absolute;top:-15px;left:0}.cert-box.selected span,.cert-box:hover span{opacity:1}.cert-error,.cert-success{border-radius:8px;margin:14px 0;padding:15px 18px;font-size:14px;line-height:1.6}.cert-error{color:#8b2718;background:#fff0ed;border:1px solid #e6b5a8}.cert-success{color:#285628;background:#eff8ef;border:1px solid #b9d8b6}.cert-author-picker,.cert-sample{background:#fff;border:1px solid #e2d9cf;border-radius:8px;margin:16px 0;padding:16px}.cert-designer button:focus-visible,.cert-designer input:focus-visible,.cert-designer select:focus-visible,.cert-designer textarea:focus-visible{outline-offset:3px;outline:3px solid #fa8127}@media (width<=1100px){.cert-workspace{grid-template-columns:240px minmax(0,1fr)}.cert-heading{flex-direction:column}}@media (width<=760px){.cert-workspace{grid-template-columns:1fr}.cert-controls{max-height:none}.cert-heading h2{font-size:26px}.cert-library{padding:16px}.cert-scroll{padding:8px}}
