/* Namespaced scope */
.rp-scope{
  margin:0;
  width:100%;
  color:#e6edf3;
  font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;
}
.rp-player{
  --bg:#0b0f14; --fg:#e6edf3; --muted:#9aa4ad; --accent:#2dd4bf; --card:#121821; --danger:#ef4444;
  /* user-controlled sizes */
  --btn-size:60px;
  --icon-size:26px;
  --btn-bg-play:#0b1220;
  --btn-bg-mute:#0b1220;
  --edge-offset:24px; /* sağ kenardan boşluk */

  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 16px;
  background:var(--card);
  border-radius:9999px;
}

.rp-logo{width:180px; height:80px; min-width:150px; display:grid; place-items:center; overflow:hidden}
.rp-logo img{width:100%; height:100%; object-fit:contain}

.rp-spacer{flex:1}

.rp-controls{display:flex; align-items:center; gap:14px; margin-right: var(--edge-offset);} /* kenardan içeri al */
.rp-btn{display:inline-grid; place-items:center; width:var(--btn-size); height:var(--btn-size); border-radius:12px; background:#0b1220; border:1px solid #1f2937; color:#e6edf3; cursor:pointer}
.rp-btn:active{transform:translateY(1px)}
.rp-btn[aria-pressed="true"]{background:#111827}

.rp-btn-play{ background: var(--btn-bg-play); }
.rp-btn-mute{ background: var(--btn-bg-mute); }

.rp-btn i{ font-size: var(--icon-size); }

@media (max-width:640px){
  .rp-logo{width:140px; height:64px; min-width:120px;}
  .rp-controls{ margin-right: 16px; } /* mobile biraz daha yakın ama uçta değil */
}