.popup-template-card{display:flex;flex-direction:column;width:100%;min-width:0;height:100%;padding:0;overflow:hidden;border:2px solid var(--border-soft, #e3e8ed);border-radius:20px;background:var(--surface-solid, #fff);color:var(--text, #172033);font-family:Manrope,sans-serif;text-align:left;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;transition:border-color .16s ease,box-shadow .16s ease}.popup-template-card:hover{border-color:var(--border-hover, #b8c3ce);box-shadow:0 8px 22px -14px #17203340}.popup-template-card[aria-pressed=true]{border-color:var(--color-accent, #ff4b3a);box-shadow:0 0 0 3px var(--color-accent-soft, #ff4b3a15)}.popup-template-card:focus-visible{outline:3px solid var(--color-accent, #ff4b3a);outline-offset:4px}.popup-template-card__visual{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:3 / 2;overflow:hidden;isolation:isolate;background:#e9eef3}.popup-template-card__preview{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.popup-template-card__missing{padding:24px;color:#647184;font-size:12px;line-height:1.6;text-align:center}.popup-template-card__selected{position:absolute;top:11px;right:11px;display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:50%;background:var(--color-accent, #ff4b3a);color:#fff;box-shadow:0 2px 8px #17203320;opacity:0;transition:opacity .16s ease}.popup-template-card__selected svg{width:18px;height:18px}.popup-template-card[aria-pressed=true] .popup-template-card__selected{opacity:1}.popup-template-card__body{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0;padding:16px}.popup-template-card__heading{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px}.popup-template-card__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex:1 1 105px;min-width:0;font-size:14px;font-weight:750;line-height:1.4;letter-spacing:-.02em;overflow-wrap:anywhere}.popup-template-card__plan{flex:0 0 auto;max-width:100%;padding:3px 7px;border:1px solid var(--border-soft, #e3e8ed);border-radius:7px;background:var(--surface, #f5f7f9);color:var(--text-muted, #647184);font-size:9px;font-weight:700;line-height:1.5;white-space:nowrap}.popup-template-card__plan--free{border-color:#3d815b26;background:#eaf4ed;color:#326148}.popup-template-card__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--text-muted, #647184);font-size:12px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.popup-template-card--compact{border-radius:16px}.popup-template-card--compact .popup-template-card__body{gap:6px;padding:12px}.popup-template-card--compact .popup-template-card__name{font-size:12px}.popup-template-card--compact .popup-template-card__description{font-size:10px}@media(prefers-reduced-motion:reduce){.popup-template-card,.popup-template-card__selected{transition:none}}