.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.field{display:grid;gap:.35rem}.field.wide{grid-column:1/-1}
.field label{font-size:.82rem;color:var(--mute)}
.field input,.field select,.field textarea{width:100%;padding:.6rem .75rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);outline:0;transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.field input:hover,.field select:hover,.field textarea:hover{border-color:#3a414b}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,167,63,.16)}
.field textarea{min-height:90px;resize:vertical}
.field.bad input,.field.bad select{border-color:var(--bad);animation:shake .3s}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.field[hidden]{display:none}