.pen-section-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pen-section-heading>img{width:3.5rem;height:3.5rem;object-fit:contain;opacity:.72}.pen-card-placeholder{display:grid;place-items:center;min-height:12rem;background:linear-gradient(145deg,color-mix(in srgb,var(--background) 75%,#fff),color-mix(in srgb,var(--accent) 8%,var(--background)))}.pen-card-placeholder img{width:4.8rem;height:4.8rem;object-fit:contain;opacity:.24;filter:grayscale(1)}.pen-empty-state{max-width:44rem;margin:2.5rem 0;padding:2.5rem;border:1px dashed var(--pen-line);border-radius:.7rem;background:color-mix(in srgb,#fff 62%,var(--background));text-align:center}.pen-empty-state img{width:5rem;height:5rem;object-fit:contain;opacity:.28;filter:grayscale(1)}.pen-empty-state h2{margin:.7rem 0}.collection-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:2.5rem 0 4rem}.collection-directory-card{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#fff;border:1px solid var(--pen-line);border-radius:.55rem;text-decoration:none;color:inherit}.collection-directory-card:hover{border-color:var(--accent);transform:translateY(-2px)}.collection-directory-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.collection-directory-card img{width:2.5rem;height:2.5rem;object-fit:contain;opacity:.7}.collection-directory-card strong,.collection-directory-card small{display:block}.collection-directory-card small{color:#65717a;margin-top:.2rem}.collection-groups>section{margin:4rem 0}.collection-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--pen-line);margin-bottom:1.25rem}.collection-group-heading h2{margin-bottom:.5rem}@media(max-width:1050px){.collection-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.collection-directory{grid-template-columns:1fr 1fr}.collection-directory-card{align-items:flex-start}.pen-empty-state{padding:1.5rem}}