:root{--bg:#080809;--panel:#0f0f12;--accent:#ff2d2d;--muted:#cfcfcf;--border:rgba(255,255,255,0.04);--radius:12px}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(120deg,#050506,#0b0b0b);color:#fff;font-family:Montserrat,Arial}
nav{background:rgba(10,10,10,0.8);padding:12px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.container{max-width:1200px;margin:80px auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--panel);padding:16px;border-radius:12px;border:1px solid var(--border)}
.card h3{color:var(--accent);margin:0 0 8px 0}
.input{margin-top:8px}
.btn{padding:10px 12px;border-radius:10px;background:var(--accent);border:none;color:#fff;cursor:pointer}
.preview{background:rgba(255,255,255,0.02);padding:12px;border-radius:10px;margin-top:12px;border:1px solid rgba(255,255,255,0.03)}
@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid{grid-template-columns:1fr}}