.ai-wrapper {
    padding: 20px;
}

.tabs button {
    padding: 10px 18px;
    margin-right: 5px;
    border: none;
    border-radius: 8px;
    background: #eaeaea;
    cursor: pointer;
}

.tabs button.active {
    background: #007bff;
    color: white;
}

.tab { display: none; }
.tab.active { display: block; margin-top: 15px; }

.btn {
    margin-top: 15px;
    width: 100%;
    padding: 14px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}
.btn:hover { background: #005fcc; }

.output-box {
    margin-top: 20px;
    position: relative;
}

.copy-btn {
    background: #007bff;
    border: none;
    padding: 8px 14px;
    color: white;
    border-radius: 8px;
    float: right;
    margin-bottom: 10px;
}

.result-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}

.result-table th {
    background: #007bff;
    color: white;
    padding: 12px;
}

.result-table td {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
}

.result-table tr:nth-child(even) {
    background: #f7f7f7;
}