
.oyml-filters{margin:1rem 0;display:flex;gap:.5rem;flex-wrap:wrap}
.oyml-filters input[type=text], .oyml-filters select{padding:.4rem}
.oyml-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}
.oyml-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}
.oyml-card .thumb{display:block;position:relative}
.oyml-card .thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.oyml-card .thumb .play-overlay{position:absolute;right:.5rem;bottom:.5rem;background:rgba(0,0,0,.65);color:#fff;border-radius:50%;padding:.45rem .55rem;font-size:18px;cursor:pointer}
.oyml-card .meta{padding:.6rem .7rem}
.oyml-card .title{font-size:1rem;margin:.1rem 0}
.oyml-card .sub{font-size:.875rem;color:#666}
.oyml-pagination{margin-top:1rem;display:flex;gap:.4rem;flex-wrap:wrap}
.oyml-pagination a{padding:.3rem .55rem;border:1px solid #ddd;border-radius:4px;text-decoration:none}
.oyml-pagination a.current{background:#111;color:#fff}

#oyml-sticky-player.oyml-sticky{position:fixed;left:0;right:0;bottom:0;background:#111;color:#fff;padding:.5rem .75rem;display:flex;align-items:center;gap:.75rem;z-index:9999;box-shadow:0 -2px 10px rgba(0,0,0,.3)}
#oyml-sticky-player.hidden{display:none}
#oyml-sticky-player button{background:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer}
#oyml-sticky-player .oyml-trackinfo{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

main.oyml-single {
    width: 100%;
}

