.ct-certificate{color:#182230;width:100%;padding:16px 0;--cert-accent:#740083}.ct-certificate *{box-sizing:border-box}.ct-certificate h2{font-size:22px;line-height:1.35;margin:0 0 12px}.ct-certificate p{line-height:1.6}.ct-cert-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ct-cert-design{border:2px solid #e2e5ec;background:#fff;border-radius:8px;padding:8px;text-align:start;color:#182230;cursor:pointer;min-width:0}.ct-cert-design img{width:100%;height:150px;object-fit:contain;background:#f7f8fa;display:block}.ct-cert-design span{display:block;padding:8px 4px 0;font-weight:700}.ct-cert-design[aria-pressed=true]{border-color:var(--cert-accent);background:#faf4fb}.ct-certificate button:focus-visible,.ct-certificate summary:focus-visible,.ct-certificate input:focus-visible,.ct-certificate textarea:focus-visible,.ct-certificate select:focus-visible{outline:3px solid #740083;outline-offset:3px}.ct-cert-more{margin:14px 0 24px}.ct-cert-more summary{cursor:pointer;font-weight:700;color:#740083;padding:10px 0}.ct-cert-all{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.ct-cert-workspace{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:24px;align-items:start}.ct-cert-controls,.ct-cert-result{min-width:0;border:1px solid #e2e5ec;border-radius:8px;padding:20px;background:#fff}.ct-cert-controls label{font-weight:600;display:block;font-size:14px;margin:12px 0 5px}.ct-cert-controls input,.ct-cert-controls textarea,.ct-cert-paper select{font:inherit;color:inherit;width:100%;border:1px solid #c5ccd6;border-radius:5px;padding:9px 10px;background:#fff}.ct-cert-controls textarea{min-height:74px;resize:vertical}.ct-cert-controls p,.ct-cert-note{font-size:13px;color:#536171}.ct-cert-wording{border:0;padding:0;margin-top:20px}.ct-cert-wording legend{font-size:14px;font-weight:700;margin-bottom:8px}.ct-cert-wording button{margin:3px 4px 3px 0;border:1px solid #cbb7d0;background:#fff;color:#740083;border-radius:5px;padding:7px 9px;cursor:pointer;font:inherit;font-size:13px}#ctCertPreviewWrap{width:100%;overflow:hidden;background:#f7f8fa;position:relative;min-height:180px}#ctCertFrame{display:block;width:900px;height:650px;border:0;transform-origin:top left;max-width:none}#ctCertColors{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#ctCertColors button{width:32px;height:32px;border:2px solid #d0d5dd;border-radius:5px;cursor:pointer}#ctCertColors button[aria-pressed=true]{outline:2px solid #740083;outline-offset:2px}.ct-cert-paper{display:flex;gap:12px;align-items:center;font-size:14px}.ct-cert-paper select{width:auto}.ct-cert-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.ct-cert-downloads button{padding:11px 20px;color:#fff;background:#740083;border:1px solid #740083;border-radius:5px;font-weight:700;cursor:pointer}.ct-cert-downloads button+button{background:#fff;color:#740083}.ct-certificate button:disabled{opacity:.55;cursor:wait}#ctCertStatus{font-size:14px;min-height:24px}#ctCertStatus[data-error=true]{color:#a11327}.ct-cert-samples{padding:24px 0}.ct-cert-sample-links{display:flex;flex-wrap:wrap;gap:14px}.ct-cert-samples a{font-weight:600;text-decoration:underline}@media(max-width:800px){.ct-cert-workspace{grid-template-columns:1fr}.ct-cert-result{grid-row:1}.ct-cert-all{grid-template-columns:repeat(3,minmax(0,1fr))}.ct-cert-design img{height:100px}}@media(max-width:480px){.ct-cert-gallery{gap:6px}.ct-cert-design{padding:4px}.ct-cert-design span{font-size:12px;padding:6px 0}.ct-cert-design img{height:78px}.ct-cert-all{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-cert-controls,.ct-cert-result{padding:12px}.ct-cert-downloads button{flex:1;padding:10px}.ct-certificate h2{font-size:20px}}

#ctCertPreviewWrap{aspect-ratio:3/2}#ctCertPoster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}html[dir=rtl] #ctCertFrame{transform-origin:top right}
.ct-cert-design small{display:block;padding:3px 4px;color:#536171;font-size:12px}
.ct-cert-downloads{justify-content:center;width:fit-content;margin:16px auto;float:none}

/* Keep the editor stationary while browsing additional designs. */
.ct-cert-more{position:relative}.ct-cert-all{position:absolute;inset-inline:0;top:100%;z-index:20;max-height:min(60vh,480px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin-top:0;padding:12px;background:#fff;border:1px solid #e2e5ec;border-radius:8px;box-shadow:0 8px 24px #18223026}

/* Reserve the preview and palette space before the editor initializes. */
#ctCertFrame{position:absolute;visibility:hidden;transform-origin:top left!important}#ctCertColors{min-height:32px}

/* Override the shared tool flex shell so the editor fills the available width. */
.tools_part.ct-certificate{display:block}.ct-cert-workspace{width:100%}
@media(max-width:1100px){.ct-cert-workspace{grid-template-columns:1fr}.ct-cert-result{grid-row:1}}