body{
font-family:Arial;
background:#f4f6f9;
padding:30px;
}

.container{
max-width:900px;
margin:auto;
background:white;
padding:25px;
border-radius:8px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.row{
display:flex;
gap:10px;
}

select,input,textarea{
width:100%;
padding:8px;
margin-top:10px;
border:1px solid #ccc;
border-radius:5px;
}

textarea{
height:80px;
}

.option{
display:flex;
gap:10px;
align-items:center;
background:#f9f9f9;
padding:10px;
margin-top:10px;
border-radius:6px;
}

.option input[type=text]{
flex:1;
}

button{
padding:8px 12px;
background:#007bff;
border:none;
color:white;
border-radius:5px;
cursor:pointer;
margin-top:10px;
}

button:hover{
background:#0056b3;
}

.remove{
background:red;
}

.hidden{
display:none;
}
.optionRow{
display:flex;
gap:15px;
align-items:center;
background:#f9f9f9;
padding:12px;
margin-top:10px;
border-radius:6px;
}

/* TEXT INPUT SHOULD TAKE MOST SPACE */
.optionRow .optText{
flex:3;
padding:8px;
font-size:14px;
}

/* FILE INPUT */
.optionRow input[type=file]{
flex:2;
}

/* CHECKBOX AREA */
.correctLabel{
flex:1;
display:flex;
align-items:center;
gap:5px;
}

/* REMOVE BUTTON */
.removeBtn{
flex:0;
background:#dc3545;
color:white;
border:none;
padding:6px 10px;
border-radius:5px;
cursor:pointer;
}