#componentsGallery{margin-top:14px;padding-top:14px;border-top:1px solid rgba(198,162,83,.16)}
#componentsGallery .pg-h{font-family:'Cinzel',serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b99a55;margin-bottom:10px;display:flex;align-items:center;gap:8px}
#componentsGallery .pg-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(198,162,83,.25),transparent)}
.cg-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.cg-tab{padding:5px 9px;border-radius:7px;cursor:pointer;font-family:'Cinzel',serif;font-size:10.5px;letter-spacing:.4px;color:#9a875f;border:1px solid rgba(198,162,83,.2);background:rgba(0,0,0,.2)}
.cg-tab:hover{color:#e6cd8f;border-color:rgba(198,162,83,.4)}
.cg-tab.on{color:#f0e6cc;background:rgba(198,162,83,.2);border-color:rgba(198,162,83,.5)}
#componentsGallery .pg-preview{background:#efe7d3}
#componentsGallery .pg-preview img{object-fit:contain;padding:9%}
.cg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:210px;overflow-y:auto;padding:2px 4px 2px 0}
.cg-thumb{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;border:1.5px solid rgba(198,162,83,.18);position:relative;background:#efe7d3;transition:.15s}
.cg-thumb:hover{border-color:rgba(198,162,83,.55);transform:translateY(-1px)}
.cg-thumb.sel{border-color:var(--gold,#c6a253);box-shadow:0 0 0 1px var(--gold,#c6a253)}
.cg-thumb img{width:100%;height:100%;object-fit:contain;padding:8%;display:block}