.ut-field { width: 100%; min-height: var(--ut-control-height); border: var(--ut-border-subtle); border-radius: var(--ut-radius-control); background: var(--ut-color-surface); color: var(--ut-color-ink); padding: .6rem .75rem; line-height: 1.3; transition: border-color var(--ut-transition), box-shadow var(--ut-transition), background var(--ut-transition); }
.ut-field::placeholder { color: #a9a096; opacity: 1; }
.ut-field:hover { border-color: #c9bca9; }
.ut-field:focus { border-color: var(--ut-color-ink); outline: 0; box-shadow: 0 0 0 3px rgb(158 95 67 / 12%); }
.ut-field[aria-invalid="true"], .ut-field.is-invalid { border-color: var(--ut-color-danger); }
.ut-field:disabled { cursor: not-allowed; background: var(--ut-color-surface-muted); color: var(--ut-color-muted); }
.ut-form-field, .ut-auth__field { display: grid; gap: var(--ut-space-2); }
.ut-form-field > label, .ut-form-field > legend { color: var(--ut-color-ink); font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-semibold); }