.engine-layout {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.editor-panel,
.render-panel,
.inspector-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
}

textarea {
  height: 100px;
  margin-top: 6px;
  margin-bottom: 10px;
  background: var(--panel);
  color: white;
  border: 1px solid var(--accent-soft);
  padding: 8px;
  resize: vertical;
}

iframe {
  flex: 1;
  border: 1px solid var(--accent-soft);
  background: white;
  width: 800px;
  max-width: 100%;
}

#domTree div {
  cursor: pointer;
  font-size: 0.85rem;
  margin-left: 10px;
}

#domTree div:hover {
  background: var(--accent-soft);
}

.layout-outline * {
  outline: 1px solid rgba(255,0,0,0.3);
}

#customParserOutput {
  font-size: 0.8rem;
  margin-top: 5px;
}