/* favicon-generator: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.fav-previews { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 18px; padding: 18px; border: 1px solid var(--line); border-radius: var(--r-panel); background: var(--mist); }
.fav-previews figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.fav-previews figcaption { font-size: 0.8rem; color: var(--slate); }
.fav-previews canvas[data-preview="180"], .fav-previews canvas[data-preview="192"] { width: 96px; height: 96px; }
.fav-tab { display: flex; align-items: center; gap: 8px; padding: 8px 12px; min-width: 200px; border-radius: 10px 10px 0 0; background: var(--paper); box-shadow: var(--shadow-1); font-size: 0.88rem; align-self: center; }
.fav-tab canvas { width: 16px; height: 16px; }
.fav-tab span:nth-of-type(1) { flex: 1; }
.fav-tab span:last-child { color: var(--slate-2); }