:root{
  --rs-card-bg:#fff;--rs-card-bd:rgba(0,0,0,.08);--rs-card-bd-hover:rgba(0,0,0,.14);
  --rs-text:#111827;--rs-subtext:#6b7280;--rs-radius:12px;
  --rs-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 10px rgba(0,0,0,.05);
  --rs-shadow-hover:0 6px 18px rgba(0,0,0,.08);
}
.rs-dev-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:1024px){
  .rs-dev-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rs-dev-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.rs-dev-card{background:var(--rs-card-bg);border:1px solid var(--rs-card-bd);border-radius:var(--rs-radius);box-shadow:var(--rs-shadow);transition:box-shadow .2s,border-color .2s,transform .02s linear;cursor:pointer}
.rs-dev-card:active{transform:translateY(.5px)}
.rs-dev-link{display:flex;align-items:center;gap:16px;padding:16px 18px;text-decoration:none}
.rs-dev-media{width:120px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden;gap:8px}
.rs-dev-media img{object-fit:contain;max-height:100%}
.rs-dev-icon{max-width:28px;max-height:28px;flex:0 0 auto;opacity:.95}
.rs-dev-logo{max-width:calc(100% - 36px);max-height:100%;flex:1 1 auto}
.rs-dev-meta{display:flex;flex-direction:column;gap:4px}
.rs-dev-name{margin:0;font-size:16px;line-height:1.25;color:var(--rs-text);font-weight:600}
.rs-dev-count{font-size:13px;color:var(--rs-subtext)}
@media (hover:hover){.rs-dev-card:hover{border-color:var(--rs-card-bd-hover);box-shadow:var(--rs-shadow-hover)}}
@media (max-width:767.98px){.rs-dev-link{padding:14px 16px}.rs-dev-media{width:80px;min-width:80px;height:52px}.rs-dev-icon{max-width:22px;max-height:22px}}
/* empty state */
.rs-dev-grid-empty{padding:16px;border:1px dashed var(--rs-card-bd);border-radius:var(--rs-radius);color:var(--rs-subtext);font-size:14px;background:#fff}