.banner-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:280px;overflow:auto;padding-right:2px}.banner-templates-section{margin-top:8px;padding:28px 0 4px;border-top:1px solid var(--color-line);gap:18px;width:100%}.banner-pattern-ph,.banner-template-ph{display:block;flex-shrink:0;border-radius:2px;background:linear-gradient(180deg,#243028,#151c17)}.banner-pattern-ph{width:36px;height:72px}.banner-template-ph{width:48px;height:96px}.banner-templates-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px}.banner-templates-count{font-size:.75rem;font-weight:650;color:var(--color-muted);letter-spacing:.02em}.banner-template-filters{display:flex;flex-wrap:wrap;gap:8px;width:100%}.banner-template-filter{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#121a14;color:var(--color-muted);font-size:.75rem;font-weight:650;line-height:1.2;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.banner-template-filter:hover{border-color:rgba(105,195,74,.45);color:var(--color-ink)}.banner-template-filter[data-active=true]{border-color:rgba(245,200,76,.65);background:rgba(245,200,76,.12);color:var(--color-ink)}.banner-template-grid--gallery{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:visible;gap:14px}.banner-template-btn{gap:6px;padding:8px 6px;border-radius:10px;border:1px solid var(--color-line);font-size:.68rem;font-weight:650;line-height:1.2}.banner-template-btn,.banner-template-card{display:flex;flex-direction:column;align-items:center;background:#101612;cursor:pointer;color:var(--color-muted);text-align:center}.banner-template-card{justify-content:flex-start;gap:0;width:100%;min-width:0;margin:0;padding:0;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:border-color .15s ease,background .15s ease,transform .15s ease}.banner-template-card:hover{border-color:rgba(105,195,74,.5);transform:translateY(-2px);background:#121a14}.banner-template-card:hover .banner-template-art{background:radial-gradient(ellipse at 50% 30%,rgba(105,195,74,.12),#0c100e 70%)}.banner-template-card[data-active=true]{border-color:rgba(245,200,76,.75);background:rgba(245,200,76,.06);box-shadow:0 0 0 1px rgba(245,200,76,.2)}.banner-template-art{display:flex;align-items:center;justify-content:center;width:100%;min-height:148px;padding:20px 16px 16px;background:radial-gradient(ellipse at 50% 35%,#1a2420 0,#0c100e 72%);border-bottom:1px solid rgba(255,255,255,.05)}.banner-template-art .banner-template-ph,.banner-template-art img{display:block;width:48px;height:96px;margin:0 auto;object-fit:contain;image-rendering:pixelated;border-radius:2px;box-shadow:0 10px 22px rgba(0,0,0,.45)}.banner-template-btn[data-active=true]{border-color:var(--color-gold);color:var(--color-ink);background:rgba(245,200,76,.08)}.banner-template-btn img{width:28px;height:56px;image-rendering:pixelated;border-radius:2px;flex-shrink:0}.banner-template-meta{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-width:0;padding:12px 12px 14px;text-align:center}.banner-template-name{color:var(--color-ink);font-weight:700;font-size:.84rem;line-height:1.2}.banner-template-blurb{color:var(--color-muted);font-weight:500;font-size:.68rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner-template-tag{margin-top:2px;color:var(--color-grass-bright,#8fd45e);font-weight:700;font-size:.62rem;letter-spacing:.03em;text-transform:uppercase}@media (max-width:720px){.banner-template-grid--gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.banner-template-art{min-height:128px;padding:16px 10px 12px}.banner-template-art .banner-template-ph,.banner-template-art img{width:42px;height:84px}}