.adsense-converter {
background: #1e1e2f;
color: #f0f0f0;
padding: 20px;
border-radius: 12px;
max-width: 800px;
margin: 30px auto;
font-family: ‘Courier New’, monospace;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.adsense-converter h2 {
color: #00d1b2;
text-align: center;
margin-bottom: 15px;
}

.adsense-converter textarea {
width: 90%;
height: 200px;
background-color: #2e2e3e;
color: #f8f8f2;
border: none;
border-radius: 8px;
padding: 15px;
font-size: 15px;
resize: vertical;
margin-bottom: 10px;
}

.adsense-converter .buttons {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}

.adsense-converter button {
background-color: #00d1b2;
border: none;
color: white;
padding: 10px 18px;
border-radius: 6px;
cursor: pointer;
transition: 0.3s ease;
font-size: 15px;
}

.adsense-converter button:hover {
background-color: #00b89c;
}

.adsense-converter select {
background: #2e2e3e;
color: #fff;
padding: 8px;
border: none;
border-radius: 6px;
margin-bottom: 15px;
}

function htmlEncode(str) {
return str.replace(/&/g, “&”)
.replace(/</g, "/g, “>”)
.replace(/”/g, “””)
.replace(/’/g, “'”);
}

function convertCode() {
const lang = document.getElementById(“language”).value;
let input = document.getElementById(“inputCode”).value;
let result = “”;

if (lang === “html”) {
result = htmlEncode(input);
} else if (lang === “css”) {
result = input.replace(/</g, "/g, “>”);
} else if (lang === “js”) {
result = input.replace(/</g, "/g, “>”);
}

document.getElementById(“outputCode”).value = result;
}

function copyConverted() {
const output = document.getElementById(“outputCode”);
output.select();
document.execCommand(“copy”);
alert(“✅ تم نسخ الكود!”);
}

function clearFields() {
document.getElementById(“inputCode”).value = “”;
document.getElementById(“outputCode”).value = “”;
}