/* Basic dark styling to resemble screenshot. Tweak as needed. */
.dfm-player-wrap{display:flex;gap:30px;align-items:flex-start;}
.dfm-player-left{flex:1}
.dfm-player-right{width:420px}
.dfm-player-main{background:linear-gradient(180deg,#0b1116,#0b1116);padding:22px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.6);color:#ddd}
#dfm-current-art{display: inline;}
#dfm-current-art img{width:150px;object-fit:cover;border-radius:6px}
#dfm-current-meta{display:inline-block;vertical-align:top;margin-left:14px;    margin-top: 30px;}
#dfm-current-title{margin:0;font-size:20px;color:#fff}
.dfm-controls{margin-top:18px;text-align: center;}
.dfm-controls button {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: none;
    background: linear-gradient(180deg, #74966f, #3a8b2e);
    font-size: 18px;
}
.dfm-progress{margin-top:14px}
.dfm-progress input[type=range]{width:100%}
.dfm-tabs{margin-top:18px}
.dfm-tab{background:#223033;color:#cfe; border:none;padding:10px 16px;margin-right:8px;border-radius:6px;cursor:pointer}
.dfm-playlist{list-style:none;padding:0;margin-top:12px;margin-left:0;max-height:260px;overflow:auto}
.dfm-track{display:flex;justify-content:space-between;padding:12px;background:#1b2226;margin-bottom:6px;border-radius:6px;cursor:pointer}.dfm-track:hover {
  background: #182430;
}

.dfm-track-number {
  color: #74966f ;
  font-weight: 600;
  margin-right: 8px;
  flex: 0 0 25px;
}

.dfm-track-title {
  flex: 1;
}
.dfm-btn{display:block;padding:12px 18px;background: linear-gradient(180deg, #74966f, #3a8b2e);color:#012;text-decoration:none;border-radius:6px;margin-bottom:10px;text-align:center;font-weight:700}
.dfm-download-box{background:#15181b;padding:20px;border-radius:10px}
.dfm-small{font-size:13px;color:#9aa}
.dfm-category-block {
  background: #0d1117;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}

.dfm-category-title {
  font-size: 1.5em;
  margin-bottom: 10px;
  border-bottom: 1px solid #222;
  padding-bottom: 5px;
	color:#fff;
}

.dfm-total-duration {
	display:none;
  opacity: 0.8;
  margin-bottom: 15px;
}

.dfm-track {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #161b22;
  padding: 12px 15px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.dfm-track-left {
  display: flex;
  gap: 8px;
  align-items: center;
	flex-basis: 48%;
}

.dfm-track-number {
  color: #74966f ;
  font-weight: bold;
}

.dfm-download {
  color: #29cf73;
  text-decoration: none;
	    margin: 0 5px;
    padding: 10px 10px;
}
.dfm-download:hover {
	background-color: #fff3;align-content}
#dfm-current-title-artist{    color: #939393;
    font-size: 18px;}

	.bg-gradient{	    background-color: #448d3a ;
    border-radius: 20px;
    padding: 3px 6px;
		font-weight:600;
    font-size: .75rem !important;
}
.text-gray-400{
	    font-size: .75rem;
	color: #9ca3af !important;
}