body { font-family: sans-serif; padding: 20px; max-width: 800px; margin: 0 auto; }
video { width: 100%; margin-bottom: 20px; border-radius: 8px; background: #000; }

/* The Slider Container */
#slider-container { margin: 0 10px 30px 10px; }

/* Visual Styles */
.controls { display: flex; gap: 10px; align-items: center; }
.time-display { font-family: monospace; font-weight: bold; }
#download-link { display: none; color: white; background: #007bff; padding: 10px 20px; text-decoration: none; border-radius: 4px;}
button { padding: 10px 20px; cursor: pointer; }

/* Add this simple CSS to make them look nice */
.controls-wrapper {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
}
.input-group {
    display: flex;
    flex-direction: column;
}
.input-group input {
    width: 80px;
    padding: 5px;
    font-size: 16px;
    font-family: monospace;
}