{{!-- Save Scene Preset Dialog --}}
<form class="preset-save-dialog__form">
  <header class="preset-save-dialog__header">
    <h2 class="preset-save-dialog__title">{{title}}</h2>
  </header>

  <div class="preset-save-dialog__body">
    <div class="preset-save-dialog__field">
      <label class="preset-save-dialog__label" for="presetName">
        {{nameLabel}}
      </label>
      <input 
        type="text" 
        id="presetName" 
        name="presetName"
        class="preset-save-dialog__input"
        value="{{defaultName}}"
        placeholder="{{namePlaceholder}}"
        aria-label="{{nameLabel}}"
        autocomplete="off"
        maxlength="100"
      >
    </div>
  </div>

  <footer class="preset-save-dialog__footer">
    <button type="button" class="preset-save-dialog__btn preset-save-dialog__btn--cancel" data-action="cancel">
      {{cancelLabel}}
    </button>
    <button type="submit" class="preset-save-dialog__btn preset-save-dialog__btn--save">
      {{saveLabel}}
    </button>
  </footer>
</form>