.favicon-page .fav-wrapper{display:grid;gap:1rem}.favicon-page .fav-status{color:var(--color-text-secondary,#475569);margin:0;min-height:1.4rem}.favicon-page .fav-status[data-error=true]{color:#b42318}.favicon-page .fav-preview-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.favicon-page .fav-code-section[hidden],.favicon-page .fav-preview-row[hidden],.favicon-page .fav-sizes-grid[hidden]{display:none}.favicon-page .fav-preview-row img{background:#fff;border:1px solid #d6dbe5;border-radius:.75rem;height:5rem;object-fit:contain;width:5rem}.favicon-page .fav-sizes-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.favicon-page .fav-size-item{background:var(--color-surface,#f8faff);border:1px solid var(--color-border,#d6dbe5);border-radius:.75rem;display:grid;gap:.35rem;justify-items:center;padding:.75rem .25rem;text-align:center}.favicon-page .fav-size-item canvas{background:#fff;height:3rem;image-rendering:auto;max-width:100%;object-fit:contain;width:3rem}.favicon-page .fav-size-item span{font-size:.82rem}.favicon-page .fav-code-section{min-width:0}.favicon-page .fav-code-section h3{margin:0 0 .5rem}.favicon-page .fav-code-section p{margin:0 0 .75rem}.favicon-page .fav-code{background:#17213b;border-radius:.75rem;color:#f8fafc;font-size:.8rem;line-height:1.5;overflow:auto;padding:1rem;white-space:pre}.favicon-page .fav-download-btn{width:100%}.favicon-page .fav-output-rows{display:grid;gap:var(--space-3)}.favicon-page .fav-output-rows .tool-editorial__item a{margin-top:var(--space-3)}@media (max-width:640px){.favicon-page .fav-sizes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}