._3DZhpq_page{flex-direction:column;gap:2rem;width:100%;max-width:1100px;margin:0 auto;padding:2rem;display:flex}@media (max-width:640px){._3DZhpq_page{padding:3rem 1rem 1rem}}._3DZhpq_header{flex-direction:column;gap:.5rem;display:flex}._3DZhpq_title{letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);font-weight:600;line-height:1.1}._3DZhpq_description{color:var(--muted-foreground);text-wrap:balance;margin:0;font-size:clamp(.875rem,.8rem + .25vw,.9375rem);line-height:1.6}._3DZhpq_filters{flex-wrap:wrap;gap:.375rem;margin-top:-.5rem;display:flex}._3DZhpq_filter{appearance:none;font:inherit;letter-spacing:-.01em;color:var(--muted-foreground);border:1px solid oklch(from var(--border) l c h / .5);cursor:pointer;background:0 0;border-radius:999px;padding:.3125rem .75rem;font-size:.8125rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s}@media (hover:hover){._3DZhpq_filter:hover{color:var(--foreground);border-color:var(--border)}}._3DZhpq_filter[data-active=true]{color:var(--foreground);background:var(--mix-card-50-bg);border-color:var(--border)}._3DZhpq_filter:focus-visible{outline:2px solid var(--ring);outline-offset:2px}._3DZhpq_grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:900px){._3DZhpq_grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){._3DZhpq_grid{grid-template-columns:1fr}}._3DZhpq_card{--card-radius:1rem;color:inherit;border-radius:calc(var(--card-radius) + 6px);padding:6px 6px 12px;text-decoration:none;display:block}._3DZhpq_cardInner{isolation:isolate;border-radius:var(--card-radius);border:1px solid oklch(from var(--border) l c h / .5);background:linear-gradient(to top, var(--card), oklch(from var(--muted) l c h / .4));flex-direction:column;transition:border-color .2s;display:flex;position:relative}._3DZhpq_cardInner:before{content:"";pointer-events:none;border-radius:calc(var(--card-radius) - 1px);background:oklch(from var(--muted) l c h / .48);z-index:0;transition:background-color .2s;position:absolute;inset:0;box-shadow:inset 0 1px #00000008;box-shadow:inset 0 1px lab(0% 0 0/.03)}@media (hover:hover){._3DZhpq_card:hover ._3DZhpq_cardInner:before{background:#0000000a;background:lab(0% 0 0/.04)}.dark ._3DZhpq_card:hover ._3DZhpq_cardInner:before{background:#0000002e;background:lab(0% 0 0/.18)}[data-theme=dark] ._3DZhpq_card:hover ._3DZhpq_cardInner:before{background:#0000002e;background:lab(0% 0 0/.18)}}.dark ._3DZhpq_cardInner:before{box-shadow:inset 0 -1px #ffffff0a;box-shadow:inset 0 -1px lab(100% 0 0/.04)}[data-theme=dark] ._3DZhpq_cardInner:before{box-shadow:inset 0 -1px #ffffff0a;box-shadow:inset 0 -1px lab(100% 0 0/.04)}._3DZhpq_cardInner:after{content:"";pointer-events:none;z-index:-1;border-radius:calc(var(--card-radius) + 5px);position:absolute;inset:-5px;box-shadow:0 0 0 1px #00000008,0 0 0 2px #00000004;box-shadow:0 0 0 1px lab(0% 0 0/.03),0 0 0 2px lab(0% 0 0/.015)}.dark ._3DZhpq_cardInner:after{box-shadow:0 0 0 1px #ffffff0d,0 0 0 2px #ffffff06;box-shadow:0 0 0 1px lab(100% 0 0/.05),0 0 0 2px lab(100% 0 0/.025)}[data-theme=dark] ._3DZhpq_cardInner:after{box-shadow:0 0 0 1px #ffffff0d,0 0 0 2px #ffffff06;box-shadow:0 0 0 1px lab(100% 0 0/.05),0 0 0 2px lab(100% 0 0/.025)}@media (hover:hover){._3DZhpq_card:hover ._3DZhpq_cardInner{border-color:oklch(from var(--border) l c h / .7)}}._3DZhpq_cardPreview{z-index:1;border-radius:calc(var(--card-radius) - 1px);border:1px solid oklch(from var(--border) l c h / .4);background:var(--mix-card-33-bg);justify-content:center;align-items:center;min-height:200px;padding:1.5rem;transition:background-color .2s;display:flex;position:relative;overflow:hidden}@media (hover:hover){._3DZhpq_card:hover ._3DZhpq_cardPreview{background:var(--mix-card-50-bg)}}._3DZhpq_skeleton{width:100%;height:auto;max-height:140px}._3DZhpq_cardFooter{z-index:1;border-radius:0 0 calc(var(--card-radius) - 1px) calc(var(--card-radius) - 1px);background:linear-gradient(to bottom, transparent, oklch(from var(--muted) l c h / .4));justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:relative}._3DZhpq_cardTitle{font-family:var(--font-mono,ui-monospace, "Geist Mono", monospace);letter-spacing:-.01em;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;min-width:0;font-size:.8125rem;font-weight:500;display:inline-flex;overflow:hidden}._3DZhpq_viewButton{letter-spacing:-.01em;height:1.5rem;color:var(--muted-foreground);background:var(--card);border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);flex-shrink:0;justify-content:center;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d,inset 0 -1px #ffffff04;box-shadow:0 1px 2px lab(0% 0 0/.05),inset 0 -1px lab(100% 0 0/.015)}:is(.dark ._3DZhpq_viewButton,[data-theme=dark] ._3DZhpq_viewButton){box-shadow:0 1px 2px #0003,inset 0 -1px #ffffff08;box-shadow:0 1px 2px lab(0% 0 0/.2),inset 0 -1px lab(100% 0 0/.03)}@media (hover:hover){._3DZhpq_viewButton:hover{background:var(--muted);color:var(--foreground)}}._3DZhpq_newBadge{text-transform:uppercase;letter-spacing:.025em;background-color:oklch(from var(--info) l c h / .15);color:var(--info);border-radius:9999px;padding:.125rem .375rem;font-size:.625rem;font-weight:500}