label {
font-weight:600;
display:block;
margin-top:.9rem
}

input[type="number"],input[type="text"],select {
width:100%;
padding:.45rem;
margin-top:.25rem;
box-sizing:border-box
}

.rowA {
display:flex;
gap:1rem
}

.colA {
flex:1
}

fieldset {
margin-top:1rem;
padding:1rem;
border-radius:8px;
border:1px solid #ddd
}

legend {
font-weight:700
}

.options label {
display:inline-block;
margin-right:1rem;
font-weight:400
}

button {
margin-top:1rem;
width:100%;
padding:.8rem;
background:#4CAF50;
color:#fff;
border:none;
border-radius:8px;
cursor:pointer;
font-size:1rem
}

.result {
margin-top:1.25rem;
padding:1rem;
background:#eef;
border-radius:8px;
white-space:pre-line;

}

.actions {
margin-top:.75rem;
text-align:center
}



.note {
font-size:.9rem;
color:#555;
margin-top:.4rem
}

.warning {
color:#b03;
font-weight:700
}