.favicon-wall{display:flex;min-height:430px;width:100%;align-items:center;justify-content:center;gap:24px;padding:28px;border:2px solid var(--ink);border-radius:24px;background:linear-gradient(145deg,#eef8e9,#fff)}.icon-preview{display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:850}.icon-preview canvas{width:48px;height:48px;image-rendering:auto;filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}.icon-preview.large canvas{width:180px;height:180px}.file-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.snippet-panel{display:grid;grid-template-columns:1fr minmax(300px,1.3fr) auto;align-items:center;gap:15px;padding:20px 24px;border-top:2px solid var(--ink);background:#eef7e9}.snippet-panel p{margin:3px 0 0;color:var(--muted);font-size:12px}.snippet-panel pre{overflow:auto;margin:0;padding:12px;border:1.5px solid var(--ink);border-radius:12px;background:#171a17;color:#f8f4ea;font-size:11px;white-space:pre-wrap}@media(max-width:680px){.favicon-wall{min-height:310px;gap:12px;padding:16px}.icon-preview.large canvas{width:130px;height:130px}.snippet-panel{grid-template-columns:1fr}.file-buttons{grid-template-columns:1fr}}