<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Live Preview</title>
<style>
body {
font-family: sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
background: linear-gradient(135deg, #1a1a2e, #16213e);
color: #e0e0e0;
}
.card {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 16px;
padding: 40px;
text-align: center;
backdrop-filter: blur(10px);
}
h1 { color: #4ade80; margin: 0 0 12px; }
p { color: #9ca3af; margin: 0; }
</style>
</head>
<body>
<div class="card">
<h1>Hello, Live Editor!</h1>
