 <style>
        .ai-wrapper {
            position: relative;
        }

        .gpt-btn {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            background: transparent;
            cursor: pointer;
            font-size: 18px;
        }

        .gpt-tooltip {
            position: absolute;
            z-index: 9999;
            width: 320px;
            display: none;
            flex-direction: column;
        }

        .gpt-tooltip .arrow-up {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #dee2e6;
            position: absolute;
            top: -10px;
            left: 20px;
        }

        .gpt-tooltip.bg-light .arrow-up {
            border-bottom-color: #f8f9fa;
        }

        .gpt-history-item {
            background: #fdfdfd;
            border: 1px solid #ced4da;
            border-left: 5px solid #0d6efd;
            border-radius: 0.5rem;
            padding: 0.75rem;
            margin-bottom: 0.75rem;
            font-size: 0.875rem;
        }

        .gpt-history-item strong {
            color: #212529;
        }

        .gpt-history-item .select-response {
            display: inline-block;
            font-size: 0.7rem;
            padding: 0.25rem 0.5rem;
            background: #198754;
            color: white;
            border: none;
            border-radius: 0.25rem;
            cursor: pointer;
            margin-top: 0.5rem;
            width: 100%;
            text-align: center;
        }
    </style>
