.prompts-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:60px 20px}.prompts-hero h1{margin-bottom:12px;font-size:2.5rem;font-weight:700}.prompts-hero p{opacity:.9;margin-bottom:32px;font-size:1.125rem}.prompts-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;margin:0 auto;display:flex}.prompts-search-box{width:280px;position:relative}.prompts-search-input{width:100%;height:40px;color:var(--text-main);border:none;border-radius:20px;outline:none;padding:0 44px 0 16px;font-size:.875rem;box-shadow:0 4px 20px #00000026}.prompts-search-input::placeholder{color:#9ca3af}.prompts-search-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.prompts-search-btn:hover{background:#4f46e5}.prompts-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:20px;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:.875rem;transition:all .2s;display:flex}.prompts-action-btn:hover{background:#2563eb}.tags-section{border-bottom:1px solid var(--border);background:#fff;padding:32px 20px}.tags-container{max-width:1200px;margin:0 auto}.tags-cloud{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tag-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:14px;transition:all .2s;display:inline-flex}.tag-item:hover{background:#f5f3ff;border-color:#6366f1}.tag-item.active{color:#fff;background:#6366f1;border-color:#6366f1}.tag-icon{font-size:1.125rem}.tag-name{font-weight:500}.prompts-list-section{max-width:1400px;margin:0 auto;padding:40px 20px}.prompts-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.prompt-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;height:100%;padding:20px;transition:all .2s;display:flex}.prompt-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.prompt-card-title{color:var(--text-main);margin-bottom:10px;font-size:1rem;font-weight:600;line-height:1.4}.prompt-card-desc{color:var(--text-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:.8125rem;line-height:1.6;display:-webkit-box;overflow:hidden}.prompt-card-footer-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.prompt-card-tags-inline{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.prompt-card-tag-small{background:var(--bg-secondary);color:var(--text-body);white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:.7rem}.prompt-card-stats{color:var(--text-muted);flex-shrink:0;gap:10px;font-size:.75rem;display:flex}.prompt-card-stat{align-items:center;gap:4px;display:inline-flex}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.pagination-btn{border:1px solid var(--border);min-width:36px;height:36px;color:var(--text-body);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:.875rem;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#6366f1;border-color:#6366f1}.pagination-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.loading-state,.empty-state{text-align:center;padding:80px 20px}.loading-spinner{border:4px solid var(--border);border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;margin:0 auto 20px;animation:1s linear infinite prompts-spin}@keyframes prompts-spin{to{transform:rotate(360deg)}}.empty-icon{background:var(--bg-secondary);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.empty-title{color:var(--text-main);margin-bottom:8px;font-size:1.25rem;font-weight:600}.empty-desc{color:var(--text-muted);font-size:.9375rem}@media (max-width:1200px){.prompts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.prompts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.prompts-hero h1{font-size:1.75rem}.prompts-hero p{font-size:1rem}.prompts-actions{flex-wrap:wrap;gap:8px}.prompts-search-box{order:1;width:100%}.prompts-action-btn{flex:1;order:2;justify-content:center}.tags-cloud{gap:8px}.tag-item{padding:8px 14px;font-size:.875rem}.prompts-grid{grid-template-columns:1fr}}