<p id="compress-message" class="compress-message" style="display: none;">Compressed file detected! It will be extracted on submission. If you have annotation they will be added after project creation.</p>
                    </div>
                    <input type="file" id="file-input" name="files" multiple 
                        accept=".webp,.WEBP,.jpg,.JPG,.jpeg,.JPEG,.png,.PNG,.avif,.AVIF,.zip,.ZIP,.tar,.TAR,.rar,.RAR" 
                        style="display: none;" webkitdirectory directory>
        