.tmpl-modal-backdrop { position: fixed; inset: 0; background: rgba(8,10,20,0.9); z-index: 600; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(12px); padding: 20px; }
.tmpl-modal { background: var(--bg2); border: 1px solid var(--b2); border-radius: 24px; width: 100%; max-width: 640px; overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,0.8); animation: fadeUp .25s ease; }
.tmpl-card { border: 2px solid var(--b2); border-radius: 16px; padding: 24px; cursor: pointer; transition: all .2s; background: var(--bg3); position: relative; overflow: hidden; }
.tmpl-card:hover { border-color: rgba(255,255,255,0.2); transform: translateY(-2px); }
.tmpl-card.active { border-color: var(--ac); background: rgba(98,113,245,0.06); }
.tmpl-card-glow { position: absolute; top: -40px; right: -40px; width: 160px; height: 160px; border-radius: 50%; opacity: 0.07; pointer-events: none; }