div class="upload-content">
                <div class="upload-icon">📁</div>
                <div class="upload-text">Drag & Drop or Click to Upload</div>
                <div class="upload-instruction">Supported formats: .yml .yaml</div>
                
                <div id="fileDisplay" class="selected-file" style="display: none;">
                    <span class="file-name" id="fileName"></span>
                    <button class="clear-file" onclick="clearFile()">✕</button>
                </div>
            </div>
        </div>

        <textarea class="code-input" id="input" placeholder="// Paste YML content here..."></textarea>

        <div class="action-buttons">
            <button class="primary-btn" onclick="translateYML()">Translate Now</button>
            <button class="primary-btn" onclick="copyOutput()">Copy Result</button>
        </div>

        <div class="output-panel" id="output"></div>
    </div>
