.search-bar{display:flex;gap:var(--space-md);margin:var(--space-xl) 0;max-width:600px}.search-input{flex:1;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans)}.search-input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.stats{display:flex;gap:var(--space-xl);justify-content:flex-start;margin-bottom:var(--space-xl);flex-wrap:wrap}.stat{text-align:center}.stat-number{font-size:1.5rem;font-weight:600;color:var(--accent)}.stat-label{color:var(--text-secondary);font-size:.875rem}.category{margin-bottom:var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-lg);overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.category-header:hover{background-color:var(--bg-tertiary)}.category-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600}.category-icon{font-size:1.25rem}.category-count{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:500}.category-toggle{color:var(--text-secondary);transition:transform .2s}.category.expanded .category-toggle{transform:rotate(186deg)}.category-content{display:none;border-top:1px solid var(--border)}.category.expanded .category-content{display:block}.category-description{padding:.75rem var(--space-lg);color:var(--text-secondary);font-size:.875rem;background-color:var(--bg-tertiary)}.file-list{list-style:none}.file-item{border-bottom:1px solid var(--border-light)}.file-item:last-child{border-bottom:none}.file-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem var(--space-lg);gap:var(--space-md)}.file-info{flex:1;min-width:0}.file-name{font-family:var(--font-mono);font-size:.875rem;color:var(--accent);text-decoration:none}.file-name:hover{text-decoration:underline}.favorite-badge{color:#f85149;font-size:.9rem;margin-left:.5rem}.file-description{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.examples-page .btn{padding:.375rem .75rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border);background-color:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-sans)}.examples-page .btn:hover{background-color:var(--border)}.btn-view{background-color:transparent}.btn-view.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.btn-copy{background-color:var(--accent-tertiary);border-color:var(--accent-tertiary);color:#fff}.btn-copy:hover{background-color:#2563eb}.btn-copy.copied{background-color:#3b82f6;border-color:#3b82f6}.btn-download{background-color:transparent;color:var(--text-secondary)}.file-content{display:none;padding:0;background-color:var(--bg-primary);border-top:1px solid var(--border-light)}.file-item.viewing .file-content{display:block}.file-content pre{margin:0;padding:var(--space-md) var(--space-lg);overflow-x:auto;font-size:.8125rem;line-height:1.6}.file-content code{font-family:var(--font-mono);background:none;padding:0}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background-color:var(--accent-tertiary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;opacity:0;transition:all .3s;z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.no-results{text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.no-results-icon{font-size:3rem;margin-bottom:var(--space-md)}@media(max-width:640px){.stats{gap:var(--space-md)}.file-header{flex-wrap:wrap}.file-actions{width:100%;justify-content:flex-end;margin-top:var(--space-sm)}}