<!-- Response Modal -->
<div id="responseModal" class="response-modal" role="dialog" aria-modal="true" aria-label="API Response">
    <div class="modal-overlay" onclick="TryOutSidebar.closeResponseModal()"></div>
    <div class="modal-content">
        <div class="modal-header">
            <h3>API Response</h3>
            <button class="modal-close" aria-label="Close" onclick="TryOutSidebar.closeResponseModal()">✕</button>
        </div>
        <div class="modal-body">
            <div class="response-header">
                <div class="response-info">
                    <span>Status:</span>
                    <span class="status-badge" id="modalStatusBadge"></span>
                </div>
                <div class="response-info" id="responseInfo"></div>
            </div>
            <div class="response-body" id="modalResponseBody"></div>
        </div>
    </div>
</div>
