.template-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px #10204a0c}.template-preview{aspect-ratio:1.414;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,#f9f4e8,#eef3ff);text-align:center}.template-preview>span{font:700 .85rem Manrope;text-transform:uppercase;letter-spacing:.1em}.template-preview>strong{margin:16px 0;font:800 1.5rem Manrope}.template-preview>small{color:var(--muted)}.designer-layout{display:grid;grid-template-columns:330px 1fr;gap:24px}.designer-controls{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.designer-stage{overflow:auto;display:grid;place-items:center;min-height:680px;padding:40px;border-radius:22px;background:#dfe3ec}.certificate-canvas{position:relative;width:842px;height:595px;flex:none;overflow:hidden;background-color:#fff;background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:0 25px 60px #18234b33;transition:width .2s ease,height .2s ease}.canvas-guide{position:absolute;z-index:0;left:20px;bottom:15px;color:#aab1c1;font-size:.75rem;pointer-events:none}.design-element{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed transparent;cursor:grab;touch-action:none;user-select:none}.design-element:active{cursor:grabbing}.design-element:hover,.design-element.selected{border-color:var(--blue);background:#4169e10d}.designer-selection-label{overflow:hidden;margin-bottom:10px;padding:8px 10px;border-radius:9px;color:#3850b8;background:#eef1ff;font-size:.75rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.designer-text-styles{display:flex;gap:7px}.designer-text-styles label{position:relative;display:grid;width:40px;height:36px;place-items:center;margin:0;border:1px solid #dbe0ea;border-radius:9px;color:#344054;background:#fff;cursor:pointer}.designer-text-styles label:has(input:checked){border-color:#4965e8;color:#3450d1;background:#eef1ff}.designer-text-styles input{position:absolute;opacity:0;pointer-events:none}.verification-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;text-align:left}.verification-grid>div{display:flex;flex-direction:column;padding:15px;border-radius:12px;background:var(--paper)}.verification-grid small{color:var(--muted);font-size:.7rem;letter-spacing:.08em}.verification-grid strong{margin-top:4px}@media(max-width:1000px){.designer-layout{grid-template-columns:1fr}.designer-stage{justify-content:start}.verification-grid{grid-template-columns:1fr}}
.template-card-actions{display:flex;align-items:center;gap:7px;flex:none}.template-card-actions form{display:inline-flex;margin:0}
.designer-qr-preview{position:absolute;z-index:2;right:22px;bottom:22px;display:grid;width:70px;height:70px;grid-template-columns:repeat(2,1fr);gap:4px;padding:7px;border:1px solid #d8dde8;background:#fff;box-shadow:0 2px 8px #18234b1a;pointer-events:none}.designer-qr-preview span{border:4px solid #172033}.designer-qr-preview span:nth-child(3){grid-column:1}.designer-qr-preview small{position:absolute;right:5px;bottom:3px;color:#172033;font-size:.55rem;font-weight:800}