/* PAGE BACKGROUND */

body{
background:#f3f4f6;
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
margin:0;
color:#111827;
}


/* WRAPPER */

.smp-generator-wrapper{
max-width:900px;
margin:120px auto;
text-align:center;
padding:0 20px;
}


/* TITLE */

.smp-generator-wrapper h2{
font-size:40px;
font-weight:700;
margin-bottom:12px;
color:#111827;
}


/* SUBTEXT */

.smp-generator-wrapper .subtext{
font-size:16px;
color:#6b7280;
margin-bottom:50px;
}


/* FORM CARD */

#smp-form{

background:white;
padding:40px;
border-radius:20px;

box-shadow:
0 10px 25px rgba(0,0,0,0.08),
0 2px 6px rgba(0,0,0,0.05);

max-width:500px;
margin:0 auto;

}


/* LABELS */

#smp-form label{

display:block;
text-align:left;
font-size:14px;
font-weight:600;
margin-bottom:6px;
margin-top:18px;
color:#374151;

}


/* INPUT FIELDS */

#smp-form select,
#smp-form textarea{

width:100%;

padding:14px 16px;

border-radius:10px;

border:1px solid #e5e7eb;

background:#f9fafb;

font-size:15px;

transition:all .15s ease;

}


/* INPUT FOCUS */

#smp-form select:focus,
#smp-form textarea:focus{

outline:none;

border-color:#6366f1;

background:white;

box-shadow:0 0 0 3px rgba(99,102,241,0.12);

}


/* BUTTON */

#smp-form button{

margin-top:28px;

background:linear-gradient(135deg,#ef4444,#dc2626);

color:white;

font-size:16px;

font-weight:600;

padding:14px 36px;

border:none;

border-radius:12px;

cursor:pointer;

box-shadow:
0 18px 28px rgba(220,38,38,0.35),
0 8px 16px rgba(220,38,38,0.20);

transition:all .25s ease;

}

#smp-form button:hover{

transform:translateY(-2px);

box-shadow:
0 22px 34px rgba(220,38,38,0.40),
0 10px 18px rgba(220,38,38,0.25);

}


/* PREVIEW AREA */

#smp-preview{

margin-top:50px;

}


/* PREVIEW CARD */

.smp-post-card{

width:340px;

aspect-ratio:1/1;

margin:0 auto;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

padding:30px;

background:linear-gradient(135deg,#1e3a5f,#3f6b93);

color:white;

text-align:center;

box-shadow:
0 12px 30px rgba(0,0,0,0.25);

}


/* PREVIEW TEXT */

.smp-post-content{

font-size:24px;

font-weight:600;

line-height:1.4;

}