/**
 * Estilos para o editor Blockly do Playground
 */

.playground-editor-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.playground-editor {
  width: 100%;
  flex: 1;
  position: relative;
}

.playground-editor .blocklyToolboxDiv {
  background-color: #1e1e1e;
  border-right: 1px solid #333;
}

.playground-editor .blocklyFlyout {
  background-color: #2d2d2d;
}

.playground-editor .blocklyMainBackground {
  stroke: #333;
}

.playground-editor .blocklyScrollbarBackground {
  fill: #1e1e1e;
}

.playground-editor .blocklyScrollbarHandle {
  fill: #666;
}

.playground-editor .blocklyScrollbarHandle:hover {
  fill: #888;
}
