.page-container{display:grid;grid-template-columns:260px 1fr;gap:var(--space-8);max-width:1400px;margin:0 auto;padding:var(--space-8)var(--space-6);margin-bottom:var(--space-12)}@media(max-width:992px){.page-container{grid-template-columns:1fr}.page-sidebar{position:relative}.sidebar-sticky{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.page-sidebar.is-open .sidebar-sticky{max-height:100vh;padding-top:var(--space-4)}}.sidebar-toggle{display:none;width:100%;justify-content:space-between;align-items:center;padding:var(--space-3)var(--space-4);font-size:1rem;font-weight:600;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer}.sidebar-toggle i{transition:transform .3s ease}.page-sidebar.is-open .sidebar-toggle i{transform:rotate(180deg)}@media(max-width:992px){.sidebar-toggle{display:flex}}.page-sidebar .sidebar-sticky{position:sticky;top:80px}@media(min-width:992.02px){.page-sidebar{padding-top:0}.sidebar-sticky{max-height:none !important;overflow:visible !important}}.sidebar-title{font-size:1rem;font-weight:600;padding:0 var(--space-4);margin-bottom:var(--space-4);color:var(--text-primary);display:block}.category-list{list-style:none;padding:0;margin:0}.category-group{margin-top:var(--space-4)}.group-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;background:0 0;border:none;padding:var(--space-2)var(--space-4);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.group-toggle:hover{background-color:var(--hover-bg)}.group-toggle i{transition:transform .1s ease-in-out;color:var(--text-muted)}.category-group:not(.is-open) .group-toggle i{transform:rotate(-90deg)}.group-title{font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;padding:0;margin:0}.group-list{list-style:none;padding:0;overflow:hidden;max-height:1000px;transition:max-height .1s ease-in-out}.category-group:not(.is-open) .group-list{max-height:0}.category-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background:0 0;border:none;text-align:left;cursor:pointer;font-size:1rem;color:var(--text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.category-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.category-item.active{background-color:var(--hover-bg);color:var(--accent-primary);font-weight:600}.category-count{font-size:.8rem;background-color:var(--bg-tertiary);color:var(--text-muted);padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.category-item.active .category-count{background-color:var(--accent-primary);color:#fff}.page-content{display:flex;flex-direction:column;gap:var(--space-6)}.page-header{text-align:left;background:0 0;border:none;padding:var(--space-8)var(--space-6);margin-bottom:0;padding-bottom:0}.page-header .container{max-width:initial}.page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.page-header p{font-size:1rem;color:var(--text-secondary);max-width:700px}.content-header{display:flex;gap:var(--space-4)}.search-wrapper{position:relative;flex-grow:1}.search-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.2rem}.search-input{width:100%;padding:var(--space-3)var(--space-4)var(--space-3)48px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-faded)}.clear-filters-btn{flex-shrink:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:0 var(--space-4);border-radius:var(--radius-lg);display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem;font-weight:500}.clear-filters-btn:hover{background-color:var(--hover-bg);color:var(--text-primary);border-color:var(--border-color-light)}.view-switcher{display:flex;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:4px}.view-btn{background:0 0;border:none;color:var(--text-muted);padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.view-btn.active{background-color:var(--hover-bg);color:var(--text-primary);box-shadow:var(--shadow-xs)}.prompts-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.prompts-grid.view-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.view-grid .prompt-content{flex-direction:column}.no-results{grid-column:1/-1;text-align:center;color:var(--text-muted)}.prompt-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden}.prompt-details{display:flex;flex-direction:column;flex-grow:1}.prompt-image-wrapper{position:relative;overflow:hidden;display:flex;justify-content:center;min-width:200px;max-width:200px;background:var(--bg-tertiary);padding:10px}.prompts-grid.view-grid .prompt-image-wrapper{width:100%;max-width:100%;min-width:auto;max-height:200px}.prompt-image{width:100%;object-fit:contain}.prompt-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.prompt-content{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);flex-grow:1}.prompt-meta{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4)var(--space-5);border-top:1px solid var(--border-color);background-color:var(--bg-tertiary)}.prompt-attribution .prompt-title{font-weight:600;color:var(--text-primary);margin-bottom:2px}.prompt-attribution .prompt-date{font-size:.875rem;color:var(--text-muted)}.prompt-copy{background:0 0;border:none;color:var(--text-secondary);width:40px;height:40px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.prompt-copy:hover{background-color:var(--hover-bg);color:var(--text-primary)}.prompt-copy i{font-size:1.25rem}.prompt-hidden{position:absolute;left:-9999px;opacity:0}.prompt-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;background-color:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);flex-grow:1;line-height:1.7;max-height:200px;overflow-y:auto}.prompt-content code{font-size:.9rem;color:var(--text-secondary);font-family:var(--font-mono);background:0 0;padding:0}.search-highlight{background-color:var(--accent-warning);color:var(--bg-primary);padding:2px 0;border-radius:var(--radius-sm)}@media(max-width:600px){.prompt-content pre{max-height:150px}.prompt-image-wrapper{max-width:150px;min-width:150px}}@media(max-width:399px){.prompt-content pre{max-height:100px}.prompt-image-wrapper{max-width:100px;min-width:100px}}.empty-state{text-align:center;padding:var(--space-16)var(--space-6);max-width:600px;margin:0 auto}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-6);display:inline-block;background-color:var(--bg-secondary);width:80px;height:80px;line-height:80px;border-radius:50%}.empty-state h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}