<View style="font-family: Arial, sans-serif; padding: 15px; background: #f0f2f5;">
  
  <View style="background: #ffffff; border: 1px solid #ddd; border-radius: 4px; padding: 15px; margin-bottom: 15px;">
    <Header value="Transcript Context:" size="5" style="margin-top: 0; color: #1565c0;"/>
    
    <Labels name="text_labels" toName="full_text" choice="single" style="margin-bottom: 10px;">
      <Label value="Sentence" background="#1565C0" hotkey="2"/>
    </Labels>
    
    <!-- This Text element allows highlighting across the entire paragraph -->
    <Text name="full_text" value="$full_text" style="font-size: 16px; line-height: 1.6; margin-bottom: 15px;" />
    
  </View>

  <View style="background: #ffffff; border: 1px solid #ddd; border-radius: 4px; padding: 15px;">
    <Header value="Waveform" size="6" style="margin-top: 0; color: #555;"/>
    <Labels name="labels" toName="audio" choice="single" style="margin-bottom: 15px;">
      <Label value="Sentence" background="#1976D2" hotkey="1"/>
    </Labels>
    <Audio name="audio" value="$audio" zoom="true" waveHeight="250" speed="true" volume="true"/>
  </View>
  
</View>