#tlv-iq-app {
width:100%;
height:100vh;
display:flex;
flex-direction:column;
font-family: Arial, sans-serif;
}

.tlv-topbar {
background:#4B35A2;
color:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:16px 24px;
}

.tlv-logo {
font-weight:bold;
font-size:20px;
}

.tlv-controls button,
.tlv-controls select {
margin-left:10px;
padding:8px 14px;
}

.tlv-main {
flex:1;
display:flex;
height:100%;
}

.tlv-field {
flex:1;
display:flex;
justify-content:center;
align-items:center;
background:#e9eef7;
padding:40px;
}

.field-svg {
width:100%;
height:100%;
max-width:700px;
}

.tlv-scenario {
flex:1;
background:white;
padding:40px;
overflow:auto;
}

.tlv-scenario h2 {
font-size:28px;
margin-bottom:10px;
}

.question {
font-size:22px;
margin-top:30px;
}

.answer {
margin-top:20px;
font-size:20px;
background:#e9f0ff;
padding:15px;
border-left:4px solid #4B35A2;
}

.hidden {
display:none;
}