.demos-controls{margin-bottom:2.25rem}.demos-controls .lib-folder-chip{font-family:var(--font-sans);cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:999px;min-height:36px;padding:6px 15px;font-size:13px;transition:all .15s}.demos-controls .lib-folder-chip:hover{border-color:var(--border-bright);color:var(--text)}.demos-controls .lib-folder-chip[aria-pressed=true]{background:var(--forest-2);border-color:var(--forest-2);color:#f4efe2}.demos-controls .lib-folder-chip[aria-pressed=true] .lib-folder-chip-count{color:inherit;opacity:.75}.demos-pinned{margin-bottom:3rem}.demos-pinned-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.demos-pinned-grid .demo-card-title{font-size:1.15rem}.demos-pinned-grid .demo-card-needs{display:none}@media (max-width:1100px){.demos-pinned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.demos-pinned-grid{grid-template-columns:1fr}}.demos-folder+.demos-folder{margin-top:3rem}.demos-folder-head{margin-top:0;margin-bottom:1.25rem}.demos-grid{gap:34px}.demo-card{background:var(--card);padding:0}.demo-card-cover{aspect-ratio:16/10;background:var(--thumb-bg);border-bottom:1px solid var(--border);place-items:center;display:grid;overflow:hidden}.demo-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.demo-card:hover .demo-card-cover img{transform:scale(1.03)}.demo-card-cover-fallback{font-family:var(--font-brand);color:var(--muted);text-align:center;padding:1rem;font-weight:700}.demo-card-body{flex-direction:column;flex-grow:1;padding:20px 22px 24px;display:flex}.demo-card-title{margin:.35rem 0 0;font-size:1.3rem;line-height:1.2}.demo-card .card-excerpt{margin-top:8px;font-size:15px}.demo-card-needs{color:var(--muted-dim);margin:10px 0 0;font-size:13px;line-height:1.5}.demo-card-needs>span:first-child{color:#6d3cf5;font-weight:700}.demo-card .card-cta{margin-top:auto;padding-top:14px}.demo-crumbs{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.demo-crumbs a{color:var(--muted);text-decoration:none}.demo-crumbs a:hover{color:var(--text);text-decoration:underline}.demo-loading{min-height:40vh;color:var(--muted);place-items:center;font-size:.85rem;display:grid}.demo-howto{background:var(--card);border:1px solid var(--border);max-width:46rem;box-shadow:var(--shadow);border-left:3px solid #6d3cf5;border-radius:8px;align-items:center;gap:14px;margin:-.75rem 0 1.75rem;padding:14px 18px;display:flex}.demo-howto p{margin:0;line-height:1.5}.demo-howto strong{font-family:var(--font-brand);margin-right:4px;font-weight:700}.demo-howto-icon{color:#6d3cf5;flex:none}.demo-howto.is-scroll .wheel{animation:1.6s cubic-bezier(.65,0,.35,1) infinite demo-wheel}@keyframes demo-wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(5px)}to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-howto.is-scroll .wheel{animation:none}}.demo-bleed{width:100vw;margin-left:calc(50% - 50vw)}.demo-contained{margin:0 0 1rem}.demo-about{margin-top:3.5rem}.demo-about-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.demo-about-card{background:var(--card);padding:1.4rem 1.6rem}.demo-about-card:hover{box-shadow:var(--shadow);border-color:var(--border);transform:none}.demo-about-card .eyebrow{margin-bottom:.7rem}.demo-about-card ul{gap:.35rem;margin:0;padding-left:1.1rem;line-height:1.55;display:grid}.demo-about-card p{margin:0;line-height:1.6}.demo-needs{border-left:3px solid #6d3cf5;grid-column:1/-1}.demo-needs .eyebrow span{color:#6d3cf5}.demo-pager{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:3rem 0 1rem;display:grid}.demo-pager-link{color:var(--text);gap:.25rem;padding:1rem 1.25rem;font-weight:600;text-decoration:none}.demo-pager-link.is-next{text-align:right}.demo-pager-all{color:var(--muted);font-size:.85rem}@media (max-width:760px){.demo-about-grid{grid-template-columns:1fr}.demo-pager{grid-template-columns:1fr 1fr}.demo-pager-all{display:none}}