.catalog-page{flex:1;padding:clamp(2rem,5vw,4.5rem) 0 clamp(3rem,6vw,5rem)}.catalog-intro{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2rem,5vw,3.75rem);display:flex}.catalog-intro h1{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.25rem,6vw,4rem);font-weight:400;line-height:1.05}.catalog-intro__description{max-width:36rem;color:var(--color-text-muted);margin:1rem 0 0;font-size:1rem;line-height:1.6}.catalog-intro__index{min-width:6rem;color:var(--color-text-muted);font-family:var(--font-mono);flex-direction:column;align-items:flex-end;padding-bottom:.2rem;font-size:.8rem;display:flex}.catalog-intro__count{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.05em;font-size:2rem}.catalog-controls{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);align-items:end;gap:.75rem;padding:1.1rem 0;display:flex}.search-field,.filter-field{gap:.4rem;min-width:0;display:grid}.search-field{flex:17rem}.filter-field{flex:0 11rem}.field-label{color:var(--color-text-muted);letter-spacing:.035em;font-size:.78rem;font-weight:650}.search-field__control{align-items:center;display:flex;position:relative}.search-field__control svg{fill:none;width:1rem;height:1rem;stroke:var(--color-text-soft);stroke-linecap:round;stroke-width:1.5px;position:absolute;left:.75rem}.search-field input,.filter-field select{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);width:100%;min-height:2.8rem;font-size:.875rem}.search-field input{padding:.65rem .75rem .65rem 2.25rem}.search-field input::placeholder{color:var(--color-text-soft)}.filter-field select{padding:.65rem 2rem .65rem .75rem}.favorites-filter{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-height:2.8rem;color:var(--color-text-muted);flex:none;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.8rem;display:inline-flex}.favorites-filter svg{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.35px;width:1rem;height:1rem}.favorites-filter[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.catalog-results{padding-top:1.15rem}.catalog-results__count{color:var(--color-text-soft);margin:0 0 1rem;font-size:.8rem}.resource-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.resource-card{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);grid-template-rows:auto minmax(12rem,1fr);grid-template-columns:minmax(0,1fr);min-width:0;min-height:22.5rem;transition:border-color .14s;display:grid;position:relative;overflow:hidden;container:resource-card/inline-size}.resource-card:hover{border-color:var(--color-border-strong)}.resource-card__link{z-index:1;border-radius:inherit;position:absolute;inset:0}.resource-card__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.resource-card[hidden],.empty-state[hidden]{display:none}.resource-card__header{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start;gap:.35rem;min-width:0;padding:.85rem 3.25rem .75rem 1rem;display:grid;position:relative}.resource-card__meta{min-width:0;color:var(--color-text-soft);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.7rem;line-height:1.25;display:flex}.resource-card__type{color:var(--color-text-muted);font-weight:650}.resource-card__category{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.resource-card__status{color:var(--color-text-soft);white-space:nowrap;align-items:center;gap:.25rem;margin-left:auto;font-size:.66rem;font-weight:500;display:inline-flex}.resource-card__status--experimental{color:var(--color-status-experimental)}.resource-card__status--tested{color:var(--color-status-tested)}.resource-card__status--ready{color:var(--color-status-ready)}.resource-card__status-dot{background:currentColor;border-radius:50%;flex:none;width:.32rem;height:.32rem}.resource-card__title{font-family:var(--font-display);letter-spacing:-.025em;line-clamp:2;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:1.25rem;font-weight:400;line-height:1.18;display:-webkit-box;overflow:hidden}.resource-card__description{color:var(--color-text-muted);overflow-wrap:anywhere;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.42;display:-webkit-box;overflow:hidden}.resource-card__tags{flex-wrap:nowrap;align-self:end;gap:.3rem;min-width:0;margin:.1rem 0 0;padding:0;list-style:none;display:flex}.resource-card__tags li{border-radius:var(--radius-small);background:var(--color-surface-subtle);min-width:0;max-width:100%;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;padding:.22rem .4rem;font-size:.68rem;line-height:1.25;overflow:hidden}.favorite-button{z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-white);width:2.1rem;height:2.1rem;color:var(--color-text-muted);place-items:center;display:grid;position:absolute;top:.65rem;right:.65rem}.favorite-button svg{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.45px;width:1rem;height:1rem}.favorite-button.is-active{border-color:var(--color-accent);color:var(--color-accent)}.favorite-button.is-active svg{fill:var(--color-accent)}.resource-card__preview{border-top:1px solid var(--color-border);background:var(--color-surface-subtle);place-items:center;min-width:0;min-height:12rem;display:grid;position:relative;overflow:hidden}.resource-card__image{object-fit:contain;object-position:center;width:100%;height:100%;padding:.5rem;display:block}.resource-card--component .resource-card__image{padding:.8rem}.resource-card--section .resource-card__image{padding:.35rem}.resource-card--template .resource-card__image{padding:.65rem}.resource-card__empty-preview{min-height:100%;color:var(--color-text-soft);text-align:center;place-content:center;justify-items:center;gap:.4rem;padding:1rem;font-size:.78rem;display:grid}.resource-card__empty-preview span:first-child{color:var(--color-border-strong);font-family:var(--font-display);font-size:1.8rem}@container resource-card (width<=22rem){.resource-card__header{gap:.3rem;padding:.75rem 2.9rem .65rem .8rem}.resource-card__title{font-size:1.15rem}.resource-card__description{font-size:.74rem}.resource-card__tags{gap:.25rem}.resource-card__tags li{padding:.2rem .35rem;font-size:.65rem}.resource-card__image{padding:.5rem}.resource-card__favorite{top:.55rem;right:.55rem}}.empty-state{border:1px dashed var(--color-border-strong);color:var(--color-text-muted);text-align:center;margin:1rem 0;padding:2rem 1rem;font-size:.9rem}