.thm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.thm-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:2px;padding:14px;cursor:pointer;text-align:left;font:inherit}
.thm-card:hover{border-color:var(--o,var(--o))}
.thm-card.on{border-color:var(--o,var(--o));box-shadow:inset 0 0 0 1px var(--o,var(--o))}
.thm-swatch{width:26px;height:26px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.thm-name{font-size:14px;font-weight:600;flex:1}
.thm-active{font-size:11px;color:#16a34a;font-weight:600}