.ttpdf-container{
background:#f8f9fa;
padding:20px;
font-family:system-ui;
}

.ttpdf-header{
background:#d4edda;
padding:15px;
text-align:center;
color:#212529;
margin-bottom:20px;
}

.ttpdf-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

.ttpdf-input textarea{
width:100%;
height:250px;
padding:10px;
border:1px solid #ced4da;
background:#f1f1f1;
}

.ttpdf-options{
margin-top:10px;
}

.ttpdf-options label{
display:block;
margin-top:10px;
}

.ttpdf-options select{
width:100%;
padding:8px;
}

.ttpdf-buttons{
margin-top:15px;
}

.ttpdf-buttons button{
background:#d4edda;
border:none;
padding:10px 15px;
margin-right:5px;
cursor:pointer;
border-radius:4px;
}

.ttpdf-buttons button:hover{
background:#c3e6cb;
}

.ttpdf-output iframe{
width:100%;
height:400px;
border:1px solid #ced4da;
background:white;
}

@media(max-width:768px){

.ttpdf-grid{
grid-template-columns:1fr;
}

}