.lgp-wrapper{

max-width:1100px;
margin:auto;
background:#fff;
padding:30px;
border-radius:10px;
box-shadow:0 15px 40px rgba(0,0,0,0.1);
font-family:Arial;

}

.lgp-wrapper h2{

text-align:center;
margin-bottom:25px;

}

.lgp-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:25px;

}

.lgp-form input{

width:100%;
padding:12px;
margin-bottom:12px;
border:1px solid #ddd;
border-radius:6px;

}

.lgp-preview{

border:1px solid #eee;
padding:20px;
background:#fafafa;
max-height:500px;
overflow:auto;

}

.lgp-buttons{

margin-top:20px;
display:flex;
gap:10px;
flex-wrap:wrap;

}

.lgp-buttons button{

padding:2px 10px;
border:none;
background:#ff4a4a;
color:white;
border-radius:6px;
cursor:pointer;

}

.lgp-buttons button:hover{

background:#e13b3b;

}

.lgp-ad{

margin-top:30px;
text-align:center;
border:1px dashed #ccc;
padding:20px;
background:#fafafa;

}

@media(max-width:768px){

.lgp-grid{

grid-template-columns:1fr;

}

}