body {
font-family: Arial, sans-serif;
background: #f8fafc;
}

.container {
max-width: 700px;
margin: 30px auto;
padding: 20px;
background: #fff;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

input, textarea {
width: 100%;
margin: 10px 0;
padding: 10px;
border-radius: 8px;
border: 1px solid #ddd;
}

button {
width: 100%;
padding: 12px;
background: #2563eb;
color: #fff;
border: none;
border-radius: 8px;
cursor: pointer;
}

function generateSchema() {
let name = document.getElementById(“name”).value;
let author = document.getElementById(“author”).value;
let rating = document.getElementById(“rating”).value;
let review = document.getElementById(“review”).value;

let schema = `

{
“@context”: “https://schema.org/”,
“@type”: “Review”,
“itemReviewed”: {
“@type”: “Product”,
“name”: “${name}”
},
“author”: {
“@type”: “Person”,
“name”: “${author}”
},
“reviewRating”: {
“@type”: “Rating”,
“ratingValue”: “${rating}”,
“bestRating”: “5”
},
“reviewBody”: “${review}”
}

`;

document.getElementById(“output”).value = schema;
}

function copySchema() {
let output = document.getElementById(“output”);
output.select();
document.execCommand(“copy”);
alert(“Schema copied!”);
}