JavaFx - dsenhando quadrado sem preenchimento via css

Veja abaixo uma imagem do programa em execução:

Veja abaixo o código do programa:

import javafx.application.Application;

import javafx.scene.Scene;

import javafx.scene.canvas.Canvas;

import javafx.scene.canvas.GraphicsContext;

import javafx.scene.layout.GridPane;

import javafx.scene.layout.Pane;

import javafx.scene.layout.VBox;

import javafx.scene.paint.Color;

import javafx.scene.text.Font;

import javafx.scene.text.FontPosture;

import javafx.scene.text.FontWeight;

import javafx.stage.Stage;

public class PROJETO extends Application {

     GridPane grid = new GridPane ( );

     VBox box = new VBox ( 5 );

     Pane root = new Pane ( );

     Scene scene = new Scene ( root, 600, 310 );

     Canvas canvas = new Canvas ( 600, 310 );

     GraphicsContext ctx = canvas.getGraphicsContext2D ( );

     // /////////////////////////////////////////////////////////////////////////

     public void Informe ( ) {

         ctx.setFont ( Font.font ( "Helvetica", FontWeight.NORMAL,

                   FontPosture.ITALIC, 14 ) );

         ctx.setFill ( Color.RED );

         ctx.fillText ( "Por: ", 250, 225 );

         ctx.setFill ( Color.BLUE );

         ctx.fillText ( "Samuel Lima", 280, 225 );

         ctx.setFill ( Color.BLACK );

         ctx.fillText ( "sa_sp10@hotmail.com", 250, 240 );

         ctx.setFill ( Color.RED );

         ctx.fillText ( "MUITO OBRIGADO", 250, 280 );

     }

     // /////////////////////////////////////////////////////////////////////////

     @Override

     public void start ( Stage stage ) {

         stage.setTitle ( "JAVAFX - DESENHANDO COM CSS" ); 

         // Usando fonte em italic

         ctx.setFont ( Font.font ( "Helvetica", FontWeight.NORMAL,

                   FontPosture.ITALIC, 17 ) );

         ctx.setFill ( Color.RED );

         ctx.fillText ( "JAVAFX - QUADRADOO SEM PREENCHIMENTO VIA CSS", 110, 40 );   

         //Criando uma moldura com css

         root.setStyle (

                   "-fx-border-color: #0f0;"           

                            + "-fx-border-width: 12;"

                            + "-fx-border-insets: 0;"

                            + "-fx-border-radius: 10;"

                            + "-fx-padding: 5;"

                   );  

         //Desenhando o quadrado sem preenchimento

         grid.setStyle (

                 "-fx-padding: 50;"

                   + "-fx-border-width: 10;"

                   + "-fx-border-height: 10;" 

                   //Posiciona o círculo no local específico

                   + "-fx-border-insets: 60.0 240.0;"

                   + "-fx-border-color: #f00;"      

         );

         Informe ( );

         root.getChildren ( ).addAll ( grid, canvas  );

         stage.setScene ( scene );

         stage.show ( );

     }

     // /////////////////////////////////////////////////////////////////////////

     public static void main ( String [ ] args ) {

         launch ( args );

     }

}