.demo-card[data-astro-cid-xffym2tf]{background-color:var(--card);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;display:flex;flex-direction:column;text-decoration:none;color:var(--text);border:1px solid var(--border);position:relative;min-height:240px}.demo-card[data-astro-cid-xffym2tf]:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow);border-color:var(--primary);text-decoration:none;color:var(--text)}.demo-content[data-astro-cid-xffym2tf]{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}@media(max-width:480px){.demo-content[data-astro-cid-xffym2tf]{padding:1rem}}.demo-title[data-astro-cid-xffym2tf]{font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:700;margin-bottom:.75rem;color:var(--secondary);line-height:1.3}.demo-description[data-astro-cid-xffym2tf]{font-size:clamp(.875rem,2vw,.95rem);flex-grow:1;line-height:1.65;margin-bottom:1.25rem}.demo-meta[data-astro-cid-xffym2tf]{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.demo-category[data-astro-cid-xffym2tf]{display:inline-block;padding:.25rem .6rem;background-color:var(--secondary);color:#fff;border-radius:4px;font-size:.78rem;font-weight:500;margin-bottom:.75rem;letter-spacing:.01em}.demo-labels[data-astro-cid-xffym2tf]{display:flex;flex-wrap:wrap;gap:.4rem}.demo-label[data-astro-cid-xffym2tf]{padding:.18rem .5rem;background-color:#f6821f1f;color:var(--primary);border-radius:4px;font-size:.74rem;font-weight:500;border:1px solid rgba(246,130,31,.25)}.external-icon[data-astro-cid-xffym2tf]{position:absolute;top:.75rem;right:.75rem;color:var(--border);opacity:0;transition:opacity .2s ease}.demo-card[data-astro-cid-xffym2tf]:hover .external-icon[data-astro-cid-xffym2tf]{opacity:1;color:var(--primary)}.header-content[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}h1[data-astro-cid-j7pv25f6]{font-size:clamp(1.2rem,4vw,1.7rem);white-space:nowrap;flex-shrink:0}.filters[data-astro-cid-j7pv25f6]{display:flex;flex:1;align-items:center;gap:.6rem;flex-wrap:wrap;min-width:0}.search-box[data-astro-cid-j7pv25f6]{flex:1;min-width:160px}.search-box[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]{width:100%;padding:.55rem .9rem;border:1px solid var(--border);border-radius:6px;font-size:.95rem;background-color:var(--card);color:var(--text);transition:border-color .2s,box-shadow .2s}.search-box[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px var(--focus)}.filter-dropdown[data-astro-cid-j7pv25f6]{position:relative;min-width:175px;flex:1}.dropdown-btn[data-astro-cid-j7pv25f6]{width:100%;padding:.55rem .9rem;background-color:var(--card);border:1px solid var(--border);border-radius:6px;text-align:left;cursor:pointer;font-size:.95rem;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:border-color .2s,background-color .2s}.dropdown-btn[data-astro-cid-j7pv25f6]:hover{background-color:var(--hover)}.dropdown-btn[data-astro-cid-j7pv25f6][aria-expanded=true]{border-color:var(--primary);background-color:var(--hover)}.dropdown-btn[data-astro-cid-j7pv25f6].has-filters{border-color:var(--primary);color:var(--primary);font-weight:500}.chevron[data-astro-cid-j7pv25f6]{flex-shrink:0;transition:transform .2s ease}.dropdown-btn[data-astro-cid-j7pv25f6][aria-expanded=true] .chevron[data-astro-cid-j7pv25f6]{transform:rotate(180deg)}.dropdown-content[data-astro-cid-j7pv25f6]{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background-color:var(--card);border:1px solid var(--border);border-radius:6px;z-index:200;box-shadow:0 6px 20px var(--shadow);max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.dropdown-content[data-astro-cid-j7pv25f6].show{display:block}.checkbox-item[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;cursor:pointer;transition:background-color .15s;user-select:none;font-size:.9rem}.checkbox-item[data-astro-cid-j7pv25f6]:not(:last-child){border-bottom:1px solid var(--border)}.checkbox-item[data-astro-cid-j7pv25f6]:hover{background-color:var(--hover)}.checkbox-item[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=checkbox]{width:15px;height:15px;accent-color:var(--primary);flex-shrink:0;cursor:pointer}.clear-filters[data-astro-cid-j7pv25f6]{padding:.55rem .9rem;background-color:var(--card);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.95rem;color:var(--text);white-space:nowrap;transition:background-color .2s,border-color .2s;flex-shrink:0}.clear-filters[data-astro-cid-j7pv25f6]:hover{background-color:var(--hover);border-color:var(--primary)}.results-info[data-astro-cid-j7pv25f6]{font-size:.85rem;color:#888;padding:.75rem 0 .25rem;min-height:1.5rem}.demo-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem;padding:.5rem 0 2rem}@media(max-width:480px){.demo-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:1rem}}@media(min-width:481px)and (max-width:768px){.demo-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr)}}.no-results[data-astro-cid-j7pv25f6]{text-align:center;padding:3rem 1rem;color:#888;font-size:1rem}@media(max-width:768px){.header-content[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:stretch;gap:.5rem;position:relative}h1[data-astro-cid-j7pv25f6]{padding-right:48px}.filters[data-astro-cid-j7pv25f6]{flex-direction:column;width:100%}.search-box[data-astro-cid-j7pv25f6],.filter-dropdown[data-astro-cid-j7pv25f6],.clear-filters[data-astro-cid-j7pv25f6]{width:100%;min-width:unset;flex:none}.theme-toggle[data-astro-cid-j7pv25f6]{position:absolute;top:0;right:0}.search-box[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6],.dropdown-btn[data-astro-cid-j7pv25f6]{font-size:16px}}@media(hover:none)and (pointer:coarse){.search-box[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6],.dropdown-btn[data-astro-cid-j7pv25f6],.clear-filters[data-astro-cid-j7pv25f6],.checkbox-item[data-astro-cid-j7pv25f6]{padding:.8rem .9rem;min-height:44px}}