/* Creador de niveles: paneles crema densos, tablero de césped a franjas */
#editorScreen { display: none; min-height: 100vh; padding: 14px; padding-top: 52px; /* hueco para la insignia de slot */
  background-image: var(--grain), repeating-linear-gradient(135deg, var(--grass-dark) 0 90px, var(--grass-mid) 90px 180px); }
#edLayout { display: flex; gap: 14px; align-items: flex-start; }
#edMain { flex: 1; min-width: 0; }
#edBoardWrap { background-image: var(--grain); background-color: var(--cream); border-radius: 18px; padding: 10px; max-height: 92vh; overflow: auto;
  box-shadow: 12px 12px 0 rgba(20,40,20,.22), var(--shadow-soft); }
#edBoard { display: grid; gap: 3px; padding: 3px; width: max-content; margin: 0 auto; border-radius: 8px; background: #3F7440; }
#edBoard .cell { cursor: pointer; }
#edBoard .cell:hover { background-color: rgba(163,193,115,.55); box-shadow: inset 0 0 0 1.5px var(--cream); }
#edPanel, #edPanelL {
  width: 300px; flex-shrink: 0; border-radius: 18px; padding: 16px;
  background-image: var(--grain); background-color: var(--cream);
  font-size: 12.5px; max-height: 92vh; overflow: auto; color: var(--ink);
  box-shadow: var(--shadow-soft);
}
#edPanelL { width: 260px; } /* columna general, pegada a la izquierda */
#edPanel h2, #edPanelL h2 { font-size: 22px; font-weight: 500; letter-spacing: -.03em; text-transform: lowercase; margin-bottom: 8px; }
#edPanel h4, #edPanelL h4 {
  margin: 16px 0 7px; font-size: 10px; font-weight: 500; color: var(--ink-soft);
  text-transform: uppercase; letter-spacing: .16em;
  border-bottom: 1px solid var(--cream-line); padding-bottom: 5px;
}
#edPanel input[type=number], #edPanelL input[type=number], #edPanel select, #edPanelL select {
  background: #fff; color: var(--ink); border: 1px solid var(--cream-line);
  border-radius: 999px; padding: 3px 10px; font-size: 12.5px;
}
#edPanel input[type=number], #edPanelL input[type=number] { width: 64px; text-align: right; }
#edPanel select, #edPanelL select { width: 150px; }
#edTools { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.edTool { padding: 5px 12px; font-size: 12.5px; }
.edTool.active { --b-bg: var(--ink); --b-fg: var(--cream); --b-line: var(--ink); }
#edInfo { margin-top: 10px; color: var(--ink-soft); font-size: 11.5px; line-height: 1.55; }