/* Image-only catalog tiles and details revealed on demand. */
.public-pack-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}
.public-pack-tile{display:block;width:100%;padding:0;text-align:initial;aspect-ratio:1;border:1px solid var(--border);border-radius:16px;background:var(--panel);overflow:hidden;transition:border-color .15s ease,background .15s ease}
.public-pack-tile:hover{border-color:#777;background:#282828}
.public-pack-tile .public-pack-cover{height:100%;width:100%;padding:10px;background:transparent}
.public-pack-tile .public-pack-cover img{display:block;width:100%;height:100%;max-height:180px;object-fit:contain}
.public-pack-tile .public-pack-cover span{font-size:clamp(25px,3vw,38px);letter-spacing:3px;text-align:center;overflow-wrap:anywhere}
.pack-search{align-items:center;flex-wrap:wrap}
.pack-search input{flex:1 1 220px}
.pack-kind-filters{display:flex;gap:3px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.pack-kind-filters button{min-height:38px;padding:8px 13px;border-radius:8px;font-size:12px;white-space:nowrap;color:var(--muted)}
.pack-kind-filters button[aria-pressed=true]{color:var(--text);background:#3b3b3b}
.pack-detail-dialog{max-height:calc(100dvh - 32px);overflow:auto;padding-top:42px}
.pack-detail-dialog .dialog-close{min-width:40px;min-height:40px;top:5px;right:8px}
.pack-detail-content .public-pack-cover{height:180px;border-radius:12px;margin-bottom:22px;background:var(--panel)}
.pack-detail-content h2{overflow-wrap:anywhere}
.pack-detail-identifier{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:12px}
.pack-detail-content .primary-button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px}
@media(max-width:760px){.public-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-pack-tile .public-pack-cover{padding:8px}.public-pack-tile .public-pack-cover img{max-height:160px}.pack-search{align-items:stretch}.pack-search input{flex:initial}.pack-kind-filters{width:100%}.pack-kind-filters button{flex:1;padding:8px 5px;font-size:11px}}