.cert-hero{--cert-accent:#b8872f;background:linear-gradient(135deg,#071f3d 0%,#103a62 58%,#6f4d19 150%)}
.cert-hero .pdft-hero-summary{border-color:rgba(255,217,143,.35)}
.cert-app{background:#f4f6f8;padding-top:48px}
.cert-layout{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:28px;align-items:start}
.cert-controls{display:grid;gap:18px}.cert-step,.cert-preview-panel{background:#fff;border:1px solid #dde4ea;border-radius:14px;box-shadow:0 1px 2px rgba(7,20,42,.07),0 12px 35px rgba(13,35,58,.06)}.cert-step{padding:22px}
.cert-step-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.cert-step-head>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#0b3155;color:#fff;font:800 .84rem Manrope,sans-serif}.cert-step-head h2{margin:0;color:#102c4b;font-size:1.05rem}.cert-step-head p{margin:2px 0 0;color:#728294;font-size:.78rem}
.cert-step textarea{resize:vertical;min-height:90px}.cert-inline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.cert-inline-actions .ct-mini-btn{padding:8px 10px;font-size:.76rem}.cert-count{margin-left:auto;color:#183a5a;font-size:.77rem;font-weight:700}.cert-step .pdft-privacy{margin:13px 0 0;font-size:.74rem}
.cert-template-field{border:0;padding:0;margin:0 0 18px}.cert-template-field legend{font-weight:700;font-size:.8rem;color:#314a63;margin-bottom:8px}.cert-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cert-template-grid label{cursor:pointer;min-width:0}.cert-template-grid input{position:absolute;opacity:0;pointer-events:none}.cert-template{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:1.4;border:2px solid #e0e6eb;border-radius:8px;overflow:hidden;padding:6px;background:#fff;transition:.2s}.cert-template:before,.cert-template:after{content:"";position:absolute;inset:5px;border:1px solid currentColor;opacity:.45}.cert-template:after{inset:9px;opacity:.2}.cert-template i{position:absolute;width:40%;height:3px;left:30%;top:35%;background:currentColor;box-shadow:0 7px 0 currentColor;opacity:.5}.cert-template b{position:relative;z-index:1;text-align:center;font-size:.59rem;line-height:1.2;background:rgba(255,255,255,.82);border-radius:2px;padding:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-template-royal{color:#b8872f;background:#fffdf7}.cert-template-modern{color:#0f8791;background:linear-gradient(145deg,#ecfbf9,#fff)}.cert-template-academic{color:#2c4775;background:#f5f7fd}.cert-template-minimal{color:#58636d;background:#fff}.cert-template-grid input:checked+.cert-template{border-color:#0b3155;box-shadow:0 0 0 2px rgba(11,49,85,.14);transform:translateY(-2px)}.cert-template-grid input:focus-visible+.cert-template{outline:3px solid #efa144;outline-offset:2px}
.cert-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cert-fields .pdft-field{min-width:0}.cert-fields .cert-full{grid-column:1/-1}.cert-fields input,.cert-fields textarea{width:100%}.cert-color,.cert-range{display:flex;align-items:center;gap:10px;min-height:46px;border:1px solid #cad4de;border-radius:4px;padding:6px 10px;background:#fff}.cert-color input{width:38px;height:30px;border:0;padding:0;background:none}.cert-color output,.cert-range output{font:700 .72rem Manrope,sans-serif;color:#44596c}.cert-range input{flex:1;accent-color:#0b3155;min-width:70px}
.cert-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cert-upload{position:relative;cursor:pointer}.cert-upload-wide{grid-column:1/-1}.cert-upload input{position:absolute;opacity:0;pointer-events:none}.cert-upload>span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:105px;border:1.5px dashed #b9c7d3;border-radius:8px;background:#f8fafb;padding:14px;color:#183a5a;transition:.2s}.cert-upload-wide>span{min-height:85px}.cert-upload .icon{width:25px;margin-bottom:6px;color:#35749b}.cert-upload b{font-size:.82rem}.cert-upload small{font-size:.67rem;color:#748493;line-height:1.45;margin-top:3px}.cert-upload:hover>span,.cert-upload input:focus-visible+span{border-color:#237092;background:#eef8fb}.cert-upload.has-file>span{border-style:solid;border-color:#4a9b83;background:#effaf6}.cert-remove-art{margin-top:10px;width:100%;justify-content:center}
.cert-preview-panel{position:sticky;top:118px;padding:24px;min-width:0}.cert-preview-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.cert-preview-head h2{font-size:1.2rem;color:#102c4b;margin:3px 0 0}.cert-person-nav{display:flex;align-items:center;border:1px solid #d8e0e6;border-radius:999px;overflow:hidden;background:#fff;white-space:nowrap}.cert-person-nav button{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:#183a5a;cursor:pointer}.cert-person-nav button:hover:not(:disabled){background:#edf4f7}.cert-person-nav button:disabled{opacity:.3;cursor:not-allowed}.cert-person-nav .icon{width:17px}.cert-person-nav span{font:700 .72rem Manrope,sans-serif;border-inline:1px solid #e1e7ec;padding:0 11px}
.cert-canvas-shell{position:relative;background:#d9dfe3;border-radius:14px;padding:13px;overflow:hidden;box-shadow:inset 0 1px 4px rgba(13,31,49,.14)}.cert-canvas-shell canvas{display:block;width:100%;height:auto;aspect-ratio:1.414/1;background:#fff;box-shadow:0 1px 2px rgba(7,20,42,.07),0 4px 18px rgba(10,28,46,.18)}.cert-empty{position:absolute;inset:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.93);color:#708090;text-align:center;gap:5px}.cert-empty .icon{width:44px;height:44px;color:#b8872f;margin-bottom:7px}.cert-empty strong{color:#183a5a}.cert-empty span{font-size:.82rem}
.cert-empty[hidden]{display:none}
.cert-export-card{margin-top:18px;border:1px solid #dce4e9;border-radius:14px;padding:16px;background:#f8fafb}.cert-export-summary{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cert-export-summary>span{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e9f1f5;color:#194d70}.cert-export-summary strong,.cert-export-summary small{display:block}.cert-export-summary small{font-size:.73rem;color:#728294;margin-top:2px}.cert-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cert-export-actions .button{justify-content:center;border-radius:4px;padding:11px 12px;font-size:.78rem}.cert-export-actions #cert-print{grid-column:1/-1}.cert-secondary{background:#fff;color:#163d5d;border:1px solid #bfcbd4}.cert-secondary:hover:not(:disabled){border-color:#457897;background:#eef5f8}.cert-export-actions button:disabled{opacity:.45;cursor:not-allowed}.cert-progress{position:relative;height:26px;background:#e1e8ed;border-radius:4px;overflow:hidden;margin-top:12px}.cert-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1b7182,#42aa87);transition:width .15s}.cert-progress small{position:absolute;inset:0;display:grid;place-items:center;font-weight:700;font-size:.7rem;color:#12324b}.cert-status{min-height:22px;margin:8px 0 0;font-size:.75rem;color:#456276}.cert-status.is-error{color:#a43c3c}
.cert-tips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.cert-tips article{display:flex;gap:9px;padding:12px;border-radius:8px;background:#f5f8fa}.cert-tips .icon{flex:0 0 21px;color:#2a7992}.cert-tips strong{font-size:.75rem;color:#183a5a}.cert-tips p{font-size:.68rem;color:#71808f;line-height:1.55;margin:3px 0 0}#cert-print-pages{display:none}
@media(max-width:1000px){.cert-layout{grid-template-columns:1fr}.cert-preview-panel{position:relative;top:auto;order:-1}.cert-controls{grid-template-columns:1fr 1fr}.cert-controls .cert-step:first-child{grid-column:1/-1}}
@media(max-width:680px){.cert-app{padding-top:28px}.cert-layout{width:min(100% - 24px,1180px)}.cert-controls{grid-template-columns:1fr}.cert-controls .cert-step:first-child{grid-column:auto}.cert-step,.cert-preview-panel{padding:16px;border-radius:14px}.cert-preview-panel{order:initial}.cert-preview-head{align-items:flex-start}.cert-preview-head h2{font-size:1rem}.cert-preview-head .mini-label{display:none}.cert-canvas-shell{padding:6px;border-radius:4px}.cert-empty{inset:6px}.cert-empty .icon{width:32px;height:32px}.cert-empty span{display:none}.cert-template-grid{grid-template-columns:repeat(2,1fr)}.cert-fields{grid-template-columns:1fr}.cert-fields .cert-full{grid-column:auto}.cert-upload-grid,.cert-export-actions,.cert-tips{grid-template-columns:1fr}.cert-upload-wide,.cert-export-actions #cert-print{grid-column:auto}.cert-export-summary small{line-height:1.4}}
@media print{body>*:not(main),.cert-hero,.cert-layout,.site-footer,.site-header{display:none!important}.cert-app{padding:0;background:#fff}.cert-app>.container{display:none!important}#cert-print-pages{display:block!important}#cert-print-pages canvas{display:block;width:297mm;height:210mm;page-break-after:always;break-after:page}#cert-print-pages canvas:last-child{page-break-after:auto;break-after:auto}@page{size:A4 landscape;margin:0}}
.cert-template-creative{color:#b52a72;background:linear-gradient(135deg,#fff0f7 0 45%,#f2e7ff 45% 68%,#e5f8f5 68%)}.cert-template-corporate{color:#15508a;background:linear-gradient(155deg,#eaf2fb,#fff)}.cert-template-nature{color:#3b795e;background:linear-gradient(145deg,#eef8e7,#fffdf4)}.cert-template-luxury{color:#e5bb57;background:linear-gradient(145deg,#17202c,#354052)}.cert-template-luxury b{background:rgba(18,26,38,.82);color:#fff}