.refm-filter{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin:0 0 24px;padding:16px;border:1px solid #e5e5e5;border-radius:8px}
.refm-filter__group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.refm-filter__label{font-weight:600;margin-right:4px}
.refm-filter__submit{padding:6px 16px;cursor:pointer}

.refm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.refm-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:box-shadow .2s}
.refm-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.refm-card__thumb{position:relative;display:block;aspect-ratio:16/9;background:#f4f4f4}
.refm-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.refm-card__title{padding:10px 12px 2px;font-weight:600;font-size:14px}
.refm-card__meta{padding:0 12px 12px;font-size:12px;color:#888}

.refm-badge{position:absolute;top:8px;left:8px;background:#c0392b;color:#fff;font-size:11px;padding:2px 8px;border-radius:4px}

.refm-detail__player{width:100%;max-width:800px;background:#000;border-radius:8px}
.refm-detail__image{max-width:100%;border-radius:8px}
.refm-detail__date{color:#888;font-size:13px}
.refm-detail__terms{font-size:13px;color:#555}
.refm-detail__related{margin-top:24px;padding-top:16px;border-top:1px solid #e5e5e5}
.refm-detail__related-label{display:block;font-weight:600;margin-bottom:8px}
.refm-btn{display:inline-block;padding:8px 20px;background:#2c3e50;color:#fff;text-decoration:none;border-radius:6px}
.refm-empty{color:#888}
.refm-delete{margin-top:24px;padding-top:16px;border-top:1px solid #eee}
.refm-btn--danger{background:#c0392b}
.refm-btn--danger:hover{background:#a93226}
.refm-btn--edit{background:#2c3e50;margin-right:8px}
.refm-note{background:#fdf6e3;border:1px solid #f0e0a0;padding:10px 14px;border-radius:6px;font-size:13px;color:#7a6000}