.dialog-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }
    .dialog-box {
      background: white;
      padding: 20px;
      border-radius: 10px;
      text-align: center;
      max-width: 80%;
      max-height: 80%;
      overflow-y: auto;
    }
    .song-list {
      list-style: none;
      padding: 0;
      margin: 10px 0;
    }
    .song-list li {
      padding: 10px;
      cursor: pointer;
      transition: background 0.2s;
    }
    .song-list li:hover {
      background: #e3f2fd;
    }
    #loopBtn.active-loop {
      color: #2196f3;
      background: #e3f2fd;
      border-radius: 50%;
      transition: all 0.15s;
    }
    .player-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 10px;
    }
    .album-art {
      width: 80px;
      height: 80px;
      object-fit: cover;
      border-radius: 5px;
      margin-bottom: 10px;
    }
    .progress-container {
      width: 100%;
      height: 5px;
      background: #ddd;
      cursor: pointer;
      margin: 10px 0;
    }
    .progress {
      width: 0;
      height: 100%;
      background: #2196f3;
      transition: width 0.1s linear;
    }
    .controls {
      display: flex;
      gap: 10px;
    }
    .controls button {
      background: none;
      border: none;
      color: #2196f3;
      cursor: pointer;
      padding: 5px;
      font-size: 14px;
    }
    .controls button:hover {
      color: #1976d2;
    }