:root{--icon-size:32px}@font-face{font-family:'Beaterial';src:url('../Beaterial.woff2') format('woff2'),url('../Beaterial.woff') format('woff'),url('../Beaterial.ttf') format('truetype')}body{font-family:system-ui,sans-serif;margin:0;background:#f9fafb;color:#1f2937;height:100vh;display:flex;flex-direction:column}header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:20px;background:#f1f1f1}footer{margin-top:auto;padding:20px;background:#f1f1f1}b{font-weight:600}.container{padding:20px}.controls{display:flex;gap:1rem;align-items:center}.search input{padding:2px 6px;border:1px solid #e5e7eb;border-radius:4px}.tags{font-size:12px;color:#6b7280}#icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:0}#icons.list{grid-template-columns:1fr}#icons li{list-style:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}#icons span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#icons li>*:last-child{margin-top:auto}.icon{font-family:'Beaterial';font-size:var(--icon-size);line-height:1;font-feature-settings:'liga';-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures}.copy-btn{padding:2px 6px;font-size:12px;border:none;border-radius:4px;background:#e5e7eb;cursor:pointer}.copy-btn:active{background:#d1d5db}