.project-mode-filters{display:flex;gap:6px;flex-wrap:wrap;margin:1.25rem 0;padding:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:1rem}.project-mode-filters button{padding:10px 1rem;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text-secondary);cursor:pointer}.project-mode-filters button[aria-selected=true]{background:var(--bg-surface);border-color:var(--border-specular);color:var(--text-primary)}.project-mode-filters button:hover{border-color:var(--brand-primary)}.timeline-library{margin-top:1.75rem;padding:1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:1.25rem}.timeline-library h2{font-size:1.25rem;margin-bottom:1rem}.timeline-library__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));gap:1rem}.timeline-library__card{padding:1.25rem;border:1px solid var(--border-subtle);border-radius:1rem;background:var(--bg-surface)}.timeline-library__card>span{font-size:.75rem;color:var(--text-secondary)}.timeline-library__card h3{font-size:1.125rem;margin:.75rem 0}.timeline-library__pagination{display:flex;gap:8px;margin-top:1rem}.works-library-figma .works-lib-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px}.works-lib-mode{font-size:.75rem;color:var(--text-secondary);margin-bottom:8px}.works-library-figma .works-lib-card__timeline{margin-top:.75rem;width:100%}