.favicon-previews { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.favicon-previews figure { min-width: 0; margin: 0 0 1rem; }
.favicon-preview { min-height: 132px; padding: 1rem; display: flex; align-items: center; justify-content: center; gap: .5rem; border: 1px solid var(--bs-border-color); border-radius: .6rem; background: var(--bs-tertiary-bg); }
.favicon-preview img { flex-shrink: 0; object-fit: contain; }
.favicon-preview.checker { background-color: #f1f3f5; background-image: repeating-conic-gradient(#dce0e4 0% 25%,transparent 0% 50%); background-size: 16px 16px; }
.favicon-tab span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; }
.favicon-previews figcaption { font-size: .8rem; color: var(--bs-secondary-color); margin-top: .5rem; }
@media(max-width: 767px) { .favicon-previews { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 380px) { .favicon-previews { grid-template-columns: 1fr; } }