.hvp-player {
    max-width: 800px;
    margin: 20px auto;
    background: #000;
    position: relative;
}
.hvp-video {
    width: 100%;
    display: block;
}
.hvp-controls {
    display: flex;
    align-items: center;
    padding: 10px;
    background: rgba(0,0,0,0.8);
}
.hvp-controls button, .hvp-controls select, .hvp-controls input[type=range] {
    margin-right: 8px;
}
.hvp-progress-container {
    flex: 1;
}
.hvp-playlist {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}
.hvp-playlist li {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.hvp-playlist li:hover {
    background: #eee;
}