         <div class="sample-title">${sample.title}</div>
                    <div class="sample-description">${sample.description}</div>
                `;
        li.addEventListener('click', () => selectSample(sample));
        samplesList.appendChild(li);
      });
    }

    // Select sample
    function selectSample(sample) {
      currentSample = sample;

      // Update active state
      document.querySelectorAll('.sample-item').forEach(item => item.classList.remove('active'));
      event.currentTa