.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0 70px}.collection-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px;min-height:190px}.collection-card:hover{border-color:var(--accent)}.collection-card h2{margin:10px 0;font-size:23px;line-height:1.2}.collection-card p{color:var(--muted);margin:0 0 20px}.collection-card small{color:var(--accent2)}.review-form{max-width:750px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px}.review-form p{display:grid;gap:5px}.review-form input,.review-form textarea{width:100%}@media(max-width:800px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.collection-grid{grid-template-columns:1fr}}

.filters{grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(150px,1fr)}
.tag-filter-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tag-picker{min-width:0}.tag-picker>label{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:700}
.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.tag-chips:empty{display:none}
.selected-tag{display:inline-flex;align-items:center;gap:7px;background:#46303d;color:#f5dfe5;border:1px solid #744657;border-radius:8px;padding:3px 5px 3px 9px;font-size:13px}
.selected-tag.excluded{background:#332d40;border-color:#665575;color:#e2d9f0}
.selected-tag button{border:0;background:transparent;color:inherit;padding:0 5px;line-height:1.2;font-size:18px}
.tag-combobox{position:relative}.tag-combobox input{width:100%}
.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:25;background:var(--panel2);border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 35px #0009;max-height:275px;overflow-y:auto;padding:4px}
.tag-suggestions[hidden]{display:none}.tag-suggestions button{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--text);font-weight:500;padding:9px 11px}
.tag-suggestions button:hover,.tag-suggestions button[aria-selected="true"]{background:#513445;color:#fff}
.filter-actions{grid-column:1/-1;display:flex;align-items:center;gap:18px}.filter-actions a{color:var(--muted)}
.page-preview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px 12px}
.page-preview{display:block;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:border-color .15s,transform .15s}
.page-preview:hover{border-color:var(--accent);transform:translateY(-2px)}
.page-preview img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#0b0c11}
.page-preview span{display:block;padding:8px 9px;color:var(--muted);font-size:12px;text-align:center}
.preview-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0 4px}.preview-pagination a{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 12px}
.detail-tags{max-height:none;margin-top:8px}.detail-tags a{font-size:13px}
@media(max-width:1000px){.page-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.filters{grid-template-columns:1fr}.tag-filter-grid{grid-template-columns:1fr}.page-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.page-preview span{padding:6px 3px}.filter-actions{flex-wrap:wrap}}