:host {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  font-family: var(--font-pattern, "Roboto");
  background: white;
  color: #2b3a54;
  --snk-form-config-container-height: calc(100vh - 95px);
  outline: none;
}

.form-config-body {
  height: var(--snk-form-config-container-height);
  overflow: hidden;
  padding-top: var(--space--12, 12px);
}

.form-config-layout {
  display: flex;
  flex-direction: row;
  height: 100%;
  gap: 20px;
  align-items: stretch;
}

.main-editing-area {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  gap: 12px;
}

.main-editing-area > fields-layout {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}


.guide-header {
  display: flex;
  width: 100%;
  padding-bottom: 12px;
  border-bottom: 1px solid #dce0e8; /*Usar token*/
  height: 30px;
  font-weight: 500;
  font-size: 16px;
}

