{{!-- Scene Preset Panel - per-scene auto-apply configuration --}}
<div class="directors-board__preset-panel-header">
  <h3 class="directors-board__preset-panel-title">{{localize "video-view-manager.scenePresetPanel.title"}}</h3>
</div>

{{#if hasScene}}
  <div class="directors-board__preset-panel-body">
    <div class="directors-board__preset-panel-row">
      <label class="directors-board__preset-panel-label">
        <input type="checkbox" 
               class="directors-board__preset-panel-toggle"
               data-action="toggle-auto-apply"
               {{#if enabled}}checked{{/if}}
               role="switch"
               aria-label="{{localize 'video-view-manager.scenePresetPanel.enableAutoApply'}}">
        {{localize "video-view-manager.scenePresetPanel.enableAutoApply"}}
      </label>
    </div>
    
    <div class="directors-board__preset-panel-row">
      <label class="directors-board__preset-panel-label">
        {{localize "video-view-manager.scenePresetPanel.preset"}}
        <select class="directors-board__preset-panel-select"
                data-action="select-preset"
                {{#unless hasPresets}}disabled{{/unless}}
                aria-label="{{localize 'video-view-manager.scenePresetPanel.selectPreset'}}">
          <option value="" {{#unless presetName}}selected{{/unless}}>
            {{localize "video-view-manager.scenePresetPanel.selectPreset"}}
          </option>
          {{#each presets}}
            <option value="{{this.name}}" {{#if (eq this.name ../presetName)}}selected{{/if}}>
              {{this.name}}
            </option>
          {{/each}}
        </select>
      </label>
    </div>
    
    <div class="directors-board__preset-panel-row">
      <label class="directors-board__preset-panel-label">
        {{localize "video-view-manager.scenePresetPanel.preDelay"}}
        <span class="directors-board__preset-panel-delay-value">{{preDelay}}ms</span>
        <input type="range" 
               class="directors-board__preset-panel-slider"
               data-action="change-delay"
               min="0" 
               max="5000" 
               value="{{preDelay}}"
               step="100"
               aria-label="{{localize 'video-view-manager.scenePresetPanel.preDelay'}}"
               aria-valuemin="0"
               aria-valuemax="5000"
               aria-valuenow="{{preDelay}}">
      </label>
    </div>
    
    <div class="directors-board__preset-panel-row directors-board__preset-panel-row--hint">
      <span>{{localize "video-view-manager.scenePresetPanel.globalSettingsHint"}}</span>
    </div>
  </div>
{{else}}
  <p class="directors-board__preset-panel-message">{{localize "video-view-manager.scenePresetPanel.noScene"}}</p>
{{/if}}