Eu queria criar um widget GWT usando o UiBinder. Então eu fiz:

UserPanel.ui.xml assim:

<?xml version="1.0" encoding="UTF-8"?>
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
    xmlns:g='urn:import:com.google.gwt.user.client.ui'>

    <ui:with field="res" type="com.example.resources.UserPanelResources"  />

    <g:VerticalPanel styleNames='{res.userpanel.main}'>
      ...some other widgets go here...
    </g:VerticalPanel>
</ui:UiBinder>

UserPanel.css assim:

.main {
    width: 1000px;
    background-color: #f9f9fa;
    padding: 15px 10px;
    font-family: "Georgia";
}

e UserPanelResources.java, como:

public interface UserPanelResources extends ClientBundle {
    public interface UserPanelCss extends CssResource {
        String main();
    }

    @Source("css/userpanel.css")
    UserPanelCss userpanel();
}

Todos os arquivos e pacotes estão no seu lugar, pois tudo é compilado perfeitamente. Mas quando executo o Modo de Desenvolvimento, os estilos não são aplicados! Eu tentei muitas abordagens diferentes, mas ainda não funciona.

O que eu notei é que no HTML, o VerticalPanel recebe o nome da classe ofuscado pelo GWT, mas o CSS não é enviado ao navegador - na verdade, o GWT nem sequer o solicita.

Estou esquecendo de algo?