#design-encyclopedia .filter-dropdown.active .filter-content{display:block}#design-encyclopedia .card-image-container{position:relative;width:100%;height:180px;background-color:var(--hover-bg);overflow:hidden}#design-encyclopedia .card-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}#design-encyclopedia .card-image.loaded{opacity:1}#design-encyclopedia .image-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--artist-color);border-radius:50%;animation:spin 1s linear infinite}#design-encyclopedia .card-image.loaded+.image-spinner{display:none}#design-encyclopedia .card-type{display:inline-block;padding:.25rem .75rem;border-radius:50px;margin-bottom:.75rem;font-weight:600;text-transform:uppercase;font-size:.7rem;color:white}#design-encyclopedia .card-type.artist{background-color:var(--artist-color)}#design-encyclopedia .card-type.agency{background-color:var(--agency-color)}#design-encyclopedia .card-type.software{background-color:var(--software-color)}#design-encyclopedia .card-type.product{background-color:var(--product-color)}#design-encyclopedia .card-type.term{background-color:var(--term-color)}#design-encyclopedia .card-subtitle{font-size:.9rem;color:var(--text-dimmed);margin-bottom:1rem}#design-encyclopedia .card-description{font-size:.9rem;margin-bottom:1.5rem;flex-grow:1;color:var(--text-light)}#design-encyclopedia .card-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--artist-color);text-decoration:none;font-weight:500;transition:all .3s ease}#design-encyclopedia .card-link:hover{text-decoration:underline}#design-encyclopedia .tag{background-color:var(--hover-bg);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;color:var(--text-light);transition:all .3s ease}#design-encyclopedia .tag:hover{background-color:var(--artist-color);transform:translateY(-2px)}#design-encyclopedia .similar-card{min-width:200px;background-color:var(--hover-bg);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color)}#design-encyclopedia .similar-card:hover{transform:translateY(-3px);border-color:var(--artist-color)}#design-encyclopedia .similar-card-image-container{position:relative;width:100%;height:120px;background-color:var(--hover-bg);overflow:hidden}#design-encyclopedia .similar-card-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}#design-encyclopedia .similar-card-image.loaded{opacity:1}#design-encyclopedia .similar-card-image.loaded+.image-spinner{display:none}#design-encyclopedia .similar-card-content{padding:1rem}#design-encyclopedia .similar-card-title{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-light)}#design-encyclopedia .similar-card-subtitle{font-size:.8rem;color:var(--text-dimmed)}