/* Trang Thư viện Portal (/library) — dùng lại idea-card, chỉ bổ sung phần riêng cho bộ lọc, badge loại và khung xem nội dung. */
.library-filter .library-search { max-width: 260px; }
.library-filter-btn { border: 1px solid rgba(255, 255, 255, .25); color: inherit; }
.library-filter-btn.active,
.library-filter-btn:hover { background: rgba(255, 255, 255, .18); color: inherit; }

.library-item-thumb { position: relative; background-size: cover; background-position: center; background-color: rgba(128, 128, 128, .2); }
.library-item-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.library-item-badge { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(0, 0, 0, .65); color: #fff; font-size: 13px; }

.library-viewer-body { text-align: center; }
.library-viewer-body img,
.library-viewer-body video { max-width: 100%; max-height: 75vh; }
.library-viewer-body iframe { width: 100%; height: 75vh; border: 0; }
.library-viewer-body .library-viewer-ratio { position: relative; width: 100%; padding-top: 56.25%; }
.library-viewer-body .library-viewer-ratio iframe { position: absolute; inset: 0; height: 100%; }