.collections-page{max-width:100%;margin:0 auto;padding:24px 20px}.collections-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.collections-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sort-buttons{border:1px solid var(--color-border-default);border-radius:8px;gap:4px;display:flex;overflow:hidden}.sort-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:.85rem;transition:all .2s}.sort-btn:hover{color:var(--color-text-primary)}.sort-btn.active{background:var(--color-primary-500);color:#fff}.collections-page-header h1{color:var(--color-text-primary);margin:0;font-size:1.5rem}.create-collection-btn{background:linear-gradient(135deg, var(--color-secondary-400), var(--color-secondary-600));color:#fff;cursor:pointer;border:none;border-radius:8px;margin-left:auto;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.create-collection-btn:hover{background:linear-gradient(135deg, var(--color-secondary-300), var(--color-secondary-500));transform:translateY(-1px);box-shadow:0 4px 12px #9b59b64d}.collections-search{gap:8px;display:flex}.collections-search input{border:1px solid var(--color-border-default);background:var(--color-bg-input);color:var(--color-text-primary);border-radius:8px;min-width:200px;padding:8px 14px;font-size:.9rem}.collections-search input:focus{border-color:var(--color-primary-500);outline:none}.collections-search button{background:var(--color-primary-500);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:background .2s}.collections-search button:hover{background:#7c7ff7}.collections-page .loading,.collections-page .empty-state{text-align:center;color:var(--color-text-secondary);padding:60px 20px}.public-collections-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.public-collection-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:inherit;border-radius:12px;text-decoration:none;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.public-collection-card:hover{border-color:var(--color-primary-500);transform:translateY(-2px)}.public-collection-card-link{color:inherit;text-decoration:none;display:block}.public-collection-actions{opacity:0;z-index:100;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.public-collection-card:hover .public-collection-actions{opacity:1}.public-collection-actions .edit-btn,.public-collection-actions .delete-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .15s;display:flex}.public-collection-actions .edit-btn:hover{background:#6366f1cc}.public-collection-actions .delete-btn:hover{background:#ef4444cc}.public-collection-card .collection-previews{background:#0000004d;grid-template-columns:repeat(4,1fr);gap:2px;height:80px;display:grid}.public-collection-card .preview-thumb{background-color:#ffffff0d;background-position:50%;background-size:cover}.public-collection-card .preview-empty{color:var(--color-text-secondary);grid-column:1/-1;justify-content:center;align-items:center;font-size:.85rem;display:flex}.public-collection-info{padding:14px 16px}.public-collection-info h3{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:1rem;font-weight:600;overflow:hidden}.public-collection-info .collection-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.8rem;display:-webkit-box;overflow:hidden}.public-collection-info .collection-meta{color:var(--color-text-secondary);justify-content:space-between;font-size:.8rem;display:flex}.collection-stats{align-items:center;gap:10px;display:flex}.collection-votes{font-size:.8rem}.collection-vote-btn{border:1px solid var(--color-border-default);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;transition:all .2s;display:inline-flex}.collection-vote-btn:hover{color:#ef4444;border-color:#ef4444}.collection-vote-btn.voted{color:#ef4444;background:#ef44441a;border-color:#ef4444}.collection-vote-btn:disabled{opacity:.5;cursor:not-allowed}.public-collection-info .author-name{color:var(--color-primary-500)}.collections-page .pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.collections-page .pagination button{border:1px solid var(--color-border-default);color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 14px;transition:all .2s}.collections-page .pagination button:hover:not(:disabled){border-color:var(--color-primary-500);color:var(--color-primary-500)}.collections-page .pagination button:disabled{opacity:.3;cursor:not-allowed}.collections-page .pagination span{color:var(--color-text-secondary);font-size:.9rem}@media (max-width:768px){.collections-page{padding:16px}.collections-page-header{flex-direction:column;align-items:flex-start}.collections-controls{flex-direction:column;width:100%}.collections-search,.sort-buttons{width:100%}.sort-btn{text-align:center;flex:1}.collections-search input{flex:1;min-width:auto}.public-collections-grid{grid-template-columns:1fr}.public-collection-actions{opacity:1}}.public-collection-card{border:1px solid var(--color-border-default);transition:all .3s}.public-collection-card:hover{border-color:var(--color-secondary-500);box-shadow:0 4px 20px #9b59b626}.public-collection-card:before{content:"";background:linear-gradient(90deg, var(--color-secondary-400), var(--color-secondary-600));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.public-collection-card:hover:before{opacity:1}.public-collection-info .author-name{color:var(--color-secondary-500);font-weight:500}.collection-vote-btn:hover,.collection-vote-btn.voted{border-color:var(--color-secondary-500);color:var(--color-secondary-500);background:var(--color-secondary-bg)}.collection-vote-btn.voted:hover{background:#9b59b633}.public-collection-card .preview-empty{background:linear-gradient(135deg, var(--color-secondary-bg) 0%, transparent 100%)}[data-theme=light] .public-collection-card:hover{box-shadow:0 4px 20px #9b59b633}[data-theme=light] .public-collection-card .preview-empty{background:linear-gradient(135deg,#9b59b614 0%,#0000 100%)}