body { font-family: sans-serif; 
       background-color: #f4f4f4; 
       padding: 20px; 
}
.container { max-width: 800px; 
             margin: 0 auto; 
             background: white; 
             padding: 20px; 
             border-radius: 8px; 
             box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
}
h1 { text-align: center; 
     color: #333; 
}
#player-area { position: sticky; 
               top: 0; 
               background: white; 
               padding: 10px; 
               border-bottom: 2px solid #ddd; 
               text-align: center; 
}
audio, video { width: 100%; 
               margin-top: 10px; 
}
.playlist { list-style: none; 
            padding: 0; 
}
.playlist li { padding: 10px; 
               border-bottom: 1px solid #eee; 
               cursor: pointer; 
               display: flex; 
               align-items: center; 
}
.playlist li:hover { background-color: #f9f9f9; 
}
.playlist li.active { background-color: #e0f7fa; 
                      font-weight: bold; 
}
.file-icon { margin-right: 10px; 
             font-size: 1.2em; 
}
.folder-name { font-weight: bold; 
               color: #555; 
               margin-top: 15px; 
               display: block; 
}